JQuery CSS Opacity Issue - jquery, css

He echado un vistazo por todas partes y parece que no puedo encontrar una respuesta que funcione para mí. Estoy configurando la opacidad de las imágenes de estilo panorámicas largas utilizando el método CSS de JQuery en esta página: http://www.prideoftameside.co.uk/default-redesign.htm.

En Chrome, todo está bien, funciona bien ySe anima entre los divs. Sin embargo, en IE no establece la opacidad. He intentado configurar el zoom en esos elementos y en los padres, pero no funciona en absoluto. ¿Alguien sabe de alguna solución que pueda funcionar?

El bit de código para concentrarse (que no está funcionando) es:

$(".introimg:not(:eq(0))").css({ "opacity" : "0" });
$(".introimg:eq(0)").css({ "opacity" : "1" });

Gracias,

James

Respuestas

Para IE <9 no puede utilizar la propiedad "opacidad". No estoy seguro de que sea tu problema, pero prueba esto:

En lugar de opacidad, use

filter : alpha(opacity=100);

Con jQuery:

$(".item").css({ "filter" : "alpha(opacity=100);" });