Background-size Ie8 Problems

I am working on a real basic design as a side-project for my company, however am unable to get the background-size to do anything meaningful (or find any alternative that preserves

Solution 1:

IE8 does not support CSS background-size.

Your only solutions are:

1. ignore it; IE8 users will just have to upgrade.

2. use a Javascript polyfill to emulate the background-size property in IE8 and earlier.

3. Rewrite your HTML so that the background image is in its own <img> tag, which is sized appropriately and layered behind the element so that it looks like a background image.

4. use the Chrome-Frame plugin, which makes IE use the Chrome rendering engine. (your users would have to install the plugin for themselves though)

Solution 2:

I have created a background-size polyfill for IE8 that is really simple to use:

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