Background image cover entire background w/one image

Stop using legacy browsers people!

Doesnt work in IE 7 or 8 so can't really be used. ...At least if you subscribe to the theory that a website must look identical in every browser, no matter how old.

Background images are rarely critical to site function, and I see nothing wrong with providing a blander or less polished look for antiquated browsers, as long as they function correctly. Make a background color that blends with the image edges, or use a simple hack or conditional-commented stylesheet to serve something that will work for old IE. Rounded corners are another case of this - old browsers can have square-cornered boxes, and modern browsers will render the site in a more modern look.

gjh42:

...At least if you subscribe to the theory that a website must look identical in every browser, no matter how old.

Background images are rarely critical to site function, and I see nothing wrong with providing a blander or less polished look for antiquated browsers, as long as they function correctly. Make a background color that blends with the image edges, or use a simple hack or conditional-commented stylesheet to serve something that will work for old IE. Rounded corners are another case of this - old browsers can have square-cornered boxes, and modern browsers will render the site in a more modern look.

I meant by my post, that if you use that code on a site running IE 8 etc, it will look 'wrong' as it will just dump a small image of your background in the corner of your screen, whereas rounded corners for example, just show square on older IE - which is only a subtle difference.

Yes, the background-size is a more pervasive effect which would require some sort of special handling for legacy browsers to not look broken, where rounded vs. square corners is a detail. That's why I mentioned bg colors or IE hacks.