¿Cómo hago para que el tamaño del fondo funcione en IE?
¿Existe alguna forma conocida de hacer que el estilo CSS background-sizefuncione en IE?
Un poco tarde, pero esto también podría ser útil. Hay un filtro de IE, para IE 5.5+, que puedes aplicar:
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/logo.gif',
sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/logo.gif',
sizingMethod='scale')";
Sin embargo, esto escala toda la imagen para que quepa en el área asignada, por lo que si estás usando un objeto, esto puede causar problemas.
Especificación: Filtro AlphaImageLoader @microsoft
Creé jquery.backgroundSize.js : un complemento jquery de 1,5 K que se puede utilizar como respaldo de IE8 para valores de "cobertura" y "contención". Eche un vistazo a la demostración .
Gracias a esta publicación, mi CSS completo para la felicidad en todos los navegadores es:
<style>
.backgroundpic {
background-image: url('img/home.jpg');
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='img/home.jpg',
sizingMethod='scale');
}
</style>
Ha pasado mucho tiempo desde que trabajé en este fragmento de código, pero me gustaría agregarlo para una mayor compatibilidad del navegador. He agregado esto a mi CSS para una mayor compatibilidad del navegador:
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
