Full Scale Site Background Image Solution for IE 8 Browsers

By | 2017-06-16T13:03:39+00:00 January 9th, 2014|Categories: Web Development|Tags: , , |

Est. Read Time: ~Less Than a Minute

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

About the Author:

Zedric Myers
Zedric Myers is a Web Designer for Beacon Technologies. After earning his degree in Advertising and Graphic Design, he spent 11 years with an advertising agency in Greensboro, NC where he was initially hired as a designer and transitioned to being a Web Developer.