problemas de fondo IE8

Estoy trabajando en un diseño básico real como un proyecto paralelo para mi empresa, sin embargo, no puedo hacer que el tamaño de fondo haga algo significativo (o encontrar una alternativa que preserve la funcionalidad que tiene actualmente). He estado trabajando en este problema específico durante alrededor de una hora y media, cualquier ayuda sería apreciada.

El sitio en el que estoy trabajando se puede encontrar en http://code.msap.com/gflyer/flyer1.html

es importante tener en cuenta que no puedo modificar nada antes o después del contenedor div. Tampoco puedo usar javascript, y todo el CSS debe hacerse en línea.

¿Alguien puede guiarme en la dirección correcta aquí?

IE8 no es compatible con el background-size CSS.

Sus únicas soluciones son:

  1. ignoralo; Los usuarios de IE8 solo tendrán que actualizar.

  2. utilice un relleno de Javascript para emular la propiedad de background-size en IE8 y versiones anteriores.

  3. Reescriba su HTML para que la imagen de fondo esté en su propia etiqueta , que se dimensiona adecuadamente y se coloca detrás del elemento para que se vea como una imagen de fondo.

  4. utilice el complemento Chrome-Frame, que hace que IE use el motor de renderizado de Chrome. (Sus usuarios tendrían que instalar el plugin por sí mismos)

Creé un polyfill de fondo para IE8 que es realmente fácil de usar:

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