Zedric Myers

Full Scale Site Background Image Solution for IE 8 Browsers

Est. Read Time: ~Keurig Brew-Time

With modern browsers such as Chrome, Firefox and Safari it’s easy to create a full scale site background image. Simply add a CSS3 background “cover” or “contain” value to the CSS body element or containing div of your site and it does the rest.

For IE 8 browsers it’s not supported, so you’ll just need to add additional code to make it work. There are different solutions, but this one in particular works well for the purpose and doesn’t require a lot of extra work.

.cssSelector { background-size: cover; -ms-behavior: url(/backgroundsize.min.htc); }

Source: https://github.com/louisremi/background-size-polyfill