CODEWITHSUNDEEP
htmlcssinternet-explorer
NRGdallas
NRGdallas

Reputation: 395

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 the functionality it currently has). I have been working on this specific problem for around an hour and half now, any help would be appreciated.

The site I am working on can be found at http://code.msap.com/gflyer/flyer1.html

its important to note that I cannot modify anything before or after the container div. I also am not able to use javascript, and all CSS must be done in-line.

Is anyone able to steer me in the proper direction here?

Upvotes: 0

Views: 5000

Answers (2)

Louis-Rémi
Louis-Rémi

Reputation: 1768

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

Upvotes: 1

Spudley
Spudley

Reputation: 168843

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)

Upvotes: 1

Related Questions