Background full page,

Question

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;
}

Sanjeeb Lenka · Answer

hi, you can try like this for IE. example:- img.fullscreen { border: 0; height: auto; left: 0; min-height: 100%; min-width: 1024px; padding: 0; position: fixed; top: 0; width: 100%; z-index: -1001; } 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 Hussain · Answer

the solution is find a image with higher resolution. Regards, Iftikar

David Smith · Answer

So what to do in this situation. Is IE browsers is not supporting Css3

Sanjeeb Lenka · Answer

yes, you got the point your css code is css3.0 which is not supporting older version of IE.

David Smith · Answer

That's were my example from it only works with IE9

Sanjeeb Lenka · Answer

hi, Refer to this below link http://css-tricks.com/perfect-full-page-background-image/

Iftikar Hussain · Answer

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 Smith · Answer

The background image is not stretching full page in IE8. But it works in other browsers

Sanjeeb Lenka · Answer

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 Hussain · Answer

Hi, What is not working in IE8? Can you provide the screen shot? What exactly you are looking for? Regards, Iftikar

Background full page,

Answers (10)