Background full page,

David Smith

this is not working in IE8, can some give me code to work in IE8 also

html {
background: url(images/bg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

10 Replies

Know the answer? Post it — somebody with the same question will find it here.

Sanjeeb Lenka13y ago
hi,
you can try like this for IE.

example:-








hello world



try this one.

here i am taking a image in html make this Z index to -1001 so it will always low stack value. so it will always behind background image.
Iftikar Hussain13y ago
the solution is find a image with higher resolution.

Regards,
Iftikar
David Smith13y ago
So what to do in this situation. Is IE browsers is not supporting Css3
Sanjeeb Lenka13y ago
yes,

you got the point your css code is css3.0 which is not supporting older version of IE.
David Smith13y ago
That's were my example from it only works with IE9
Sanjeeb Lenka13y ago
hi,

Refer to this below link

http://css-tricks.com/perfect-full-page-background-image/
Iftikar Hussain13y ago
if the image resolution size is smaller than the screen size then it will not work in IE8, may be it will work in IE9. I suggest find a background image which resolution is bigger than 1280X600.

Regards,
Iftikar
David Smith13y ago
The background image is not stretching full page in IE8. But it works in other browsers
Sanjeeb Lenka13y ago
try this:

html {
background: url(images/bg.jpg) no-repeat center center fixed !important;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
Iftikar Hussain13y ago
Hi,
What is not working in IE8? Can you provide the screen shot? What exactly you are looking for?

Regards,
Iftikar

Background full page,

hello world