Full Scale Site Background Image Solution for IE 8 Browsers

Beacon Blog Article

By Zedric Myers | Published January 9, 2014 | Categories: Web Development

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

Let's get to work!

Contact Us