You know when you get sites where they have one background image that encompasses the whole screen.

 

How do you grizzly old veterans do it?

 

I found this code:

 

body{background:#000 url(i/bg-deal.jpg) no-repeat center center fixed;

-webkit-background-size: cover;

-moz-background-size: cover;

-o-background-size: cover;

background-size: cover;

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/bg-deal.jpg', sizingMethod='scale');

-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/bg-deal.jpg', sizingMethod='scale')";

}

body.bg-alt{background:#000 url(i/bg-deal.jpg) no-repeat center center fixed;

-webkit-background-size: cover;

-moz-background-size: cover;

-o-background-size: cover;

background-size: cover;

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/bg-deal.jpg', sizingMethod='scale');

-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/bg-deal.jpg', sizingMethod='scale')";

}

 

 

But it won't work in IE.

have u tried this? this works in ie8

 

and this not paid its free works in ie 6,7 and 8

Edited February 25, 201214 yr by sash_oo7

Why would you bother paying for a plugin, when the jQuery is freely available?

 

There are several options available on the link below, most of them CSS only.

 

I really wouldn't bother using jQuery for this, I think it's bad practise to use jQuery for something like this, especially when there are workable CSS-only solutions.

 

http://css-tricks.com/perfect-full-page-background-image/

I agree with you Mike. I'd rather be using a css solution. But all the examples have slight niggles with them. Especially in IE.

 

So I went the JS route and it seems to work. Have a butchers.

 

 

Thanks for all the help Sash and Mike.

Edited February 25, 201214 yr by Jejune