Stretch a Background Image in IE8

Stretching an image as background in IE8

in your css add

html,body{
padding:0 0 0 0;
margin:0 0 0 0;
overflow-x:hidden; // To remove the bottom scrollbar
}

Hope it works.

Background Not Stretching in IE8

Using an img with one of the method detailed here: Perfect Full Page Background Image can be compatible with IE8+ or IE7+.

Otherwise it's not that important if your particular browser doesn't understand this or that (except if it's the most important aspect of your page, but it shouldn't be so for a background image). Progressive enhancement and graceful degradation are cool ;)

Fading Image Background with Stretched BG in IE8 (Javascript and CSS)

From what I can see you are using the background property on an html element. What if you tried instead using an image element and just layering it in behind your content. I would think you should be able to just set width and height on that no problem (even in IE8) and then use jQuery's .fade() or animate the opacity.

---

Related Topics