jQuery se desvanece muy lento en IE8

Question

estoy usando jQuery ciclo y también un fundido de entrada/salida en este sitio:

http://www.lunatestsite.co.uk

Ciclo para el banner, se desvanece en vuelo estacionario para los botones de navegación inferior. En todo menos en IE8, todo es color de rosa, pero IE8 tiene desvanecimientos increíblemente espasmódicos.

Hay mención de IE8 tener un método diferente de la animación de la transparencia en:

IE8 jQuery FadeTo

Parece difícil de creer IE6 implementa esta bien, pero el mejor y más falla. He visto mencionar los elementos posicionados relativos/absolutos que tienen problemas con los desvanecimientos, pero eso no explica el banner flotante.

¿IE8 es una mierda o mi código? ¡Cualquier opinión/idea agradecidamente bienvenida! Gracias

Answer 1

Es su fondo de la foto. Reemplace la parte de pancarta con un fondo blanco para IE8 y se desvanecerá suavemente, y asegúrese de enviar el dedo al equipo de IE en el comentario condicional.

Editar: parece que solo haciendo que el blanco bg detrás de la pancarta no lo hará. Solo obtengo una transición suave eliminando la etiqueta IMG de fondo que tiene (no la imagen de fondo del cuerpo)

Edit2: prueba final, poniendo la imagen en la etiqueta img class = "bg" como un elemento de bloque normal con un fondo -image lo arregló también. Entonces, podemos concluir que tener la imagen flotante en la parte posterior es malo para IE8, use un div normal con un fondo IMO. Si necesita estirar la imagen para que se ajuste a la página, tendríamos que pensar en otra solución o que solo IE8 no se estire.

Answer 2

Parece que es un problema en IE 8, ya que tenía un comportamiento similar, en uno de mis sistemas. Resolví usar una animación diferente, que en mi caso no fue problema.