Background CSS3

[rgrisham]

html { background: url(img_flower.jpg) no-repeat center center fixed; background-size: cover;}

 

I've put the above CSS3 in stylesheet and into the html doc directly on my laptop, which was displaying the img background using CSS, but I could not get a background using CSS3. I am running Windows 10. Is there a setting on the computer or a limit to an image? I was a jpg img.

 

In addition, I used this same code on another computer and it worked perfectly. Different image and doc, but I've checked it thoroughly for errors in script, but haven't noticed any obvious difference.

 

Anyway help would be greatly appreciated.

 

Thanks

Rich

Edited August 25, 2015 by rgrisham

[davej]

As you have it written above the stylesheet and the image file must be in the same folder.

 

Maybe you should explain what you mean by css vs css3.

[rgrisham]

Figured it out.. My problem was the file name.. The file was two words and I had a blank space between them... I add _ between them and the image displayed correctly as the background.

 

Thanks

Edited August 26, 2015 by rgrisham

[punterf16]

This Demo explains CSS3 Background in great detail [link removed by moderator]

Edited September 14, 2015 by Ingolme
Links to competing tutorial websites are not allowed by the forum guidelines