CODEWITHSUNDEEP
htmlcssbackground-image
Emiliano
Emiliano

Reputation: 1

Background-image won't show up in any other browsers

Decided to place an image as background and it looks fine in my browser but doesn't anywhere else. Haven't found any answers yet. HELP.

<style> html{
background-image:url(https://i.sstatic.net/8T6Nt.jpg);
background-color:rgb(105,95,42);} </style>

I set a color as backup.

The webpage: https://codepen.io/Miosad/full/XzRPXR

EDIT: I tried the code with another image and that seems to be the problem. Any idea why this would be? The image url is: https://i.sstatic.net/8T6Nt.jpg

EDIT 2: Found out it was the image. Thanks for all the help and sorry for wasting your time!

Upvotes: 0

Views: 23

Answers (1)

Obsidian Age
Obsidian Age

Reputation: 42304

You need to apply the background to body rather than html:

body{
  background-image:url(https://i.imgur.com/02nQ1hD.jpg);
  background-color:rgb(105,95,42);
  color:rgb(0,0,0);
  font-family:garamond, bookman, palatino, georgia;
  -webkit-text-size-adjust: 100%;
}

I've created an updated CodePen showcasing this here.

Upvotes: 1

Related Questions