Estoy trabajando en un proyecto y una de las tareas es hacer el fondo estático y cubrir toda la página. Sobre esto encontré this tutorial, usando "Awesome, Easy, Progressive CSS3 Way". Mi problema es que tengo más páginas y cada uno tiene un fondo diferente, por lo que tengo que poner la imagen de fondo <body>
así:MS filtros agregados con jquery
<body style="background-image:url(images/mainBg_1.jpg);">
(también el estilo css se pone en <body>
, no en "html", al igual que en el ejemplo)
como se puede ver en ese enlace, existen filtros para IE, así:
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.**myBackground.jpg**', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='**myBackground.jpg**', sizingMethod='scale')";
El problema es que "myBackground.jpg" se toma de <body>
etiqueta, como he escrito arriba, entonces no puedo escribir directamente en CSS (cada página tiene diferentes antecedentes).
¿Hay alguna forma de agregar estos filtros mediante jQuery? Tomé con éxito el camino de la imagen desde el cuerpo, por lo que solo tengo que pegarlo en este código y luego agregarlo con jQuery para IE < = 8.
Gracias por sus respuestas, les sigo para resolver mi problema. Por lo tanto, si alguien quiere el código:
$(function(){
var mu = $.browser;
if (mu.msie && mu.version < 9) {
var curBg = $('html').attr('style');
curBg = curBg.split('(');
curBg = curBg[1].split(')');
$('html').css({
"filter" : "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+curBg[0]+"', sizingMethod='scale')",
"-ms-filter" : "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+curBg[0]+"', sizingMethod='scale')"
});
}
});
¿Ves algún código tuyo aquí? Usted dijo ... 'así' ... ¡nada aparece! Adjunte sus códigos en '' –