jQuery fadeIn / fadeOut IE fallo cleartype cómo solucionar transición

Question

Bueno, esto es un error conocido con el IE y jQuery:

IE está perdiendo ClearType

Lo que estoy preguntando: ¿es posible eliminar de alguna manera que el efecto de transición feo, antes de que la "solución" se aplica. Prueba de esto en IE:

http://www.kevinleary.net/wp-samples /ie-fade-problems.php

A pesar de que es una solución a un problema peor, es posible fijar el que tranition y el flash de la "clara de tipo no-" contenido?

No sería problemas para mí que es mucho, pero es para mi principal sitio web menú en jQuery (superfish) - esas transiciones son más o menos visibles ...

Edit: sólo una cosa a notar - qué sucede esto en sus navegadores también? Tal vez sea algo en la configuración de IE?

Answer 1

No hay manera de solucionar el cleartype va fea mientras pasa el fundido sobre ese contenido . Esto es sólo una (OMI) mala decisión del equipo de IE hecho sobre la forma de aplicar el filtro de opacidad (Direct X, que la forma en que se implementa en el IE no soporta ClearType).

La única otra opción que funciona bien es algo a desvanecerse else , como un <div> en la parte superior que se desvanece en vez de su contenido con el texto desvanece fuera ... pero dijo que su uso es para un menú, por lo que no sería realmente se aplican aquí.

Answer 2

He leído todo tipo de posibles soluciones para el problema de desvanecimiento Internet Explorer, pero nada parecía funcionar.

Al final decidí ir con la superposición DIV con posición absoluta como se describe en este hilo. Tengo una altura dinámica, sin embargo, por lo que utiliza jQuery para cambiar la altura de la DIV antes de la transición. Mi código terminó buscando algo como esto:

$("#fade-canvas").css('height',$("#wrapper").height()+'px').show();
     /* HIDE or SHOW wrapper child elements as needed */
$("#fade-canvas").css('height',$("#wrapper").height()+'px').fadeOut(600);

tirado del pelo con este problema, así que espero que esto ayude a alguien.

Answer 3

Buena solución Nick!

Varios scripts han implementado correcciones (como ciclo ), pero en la actualidad la mejor opción que he encontrado para fijar el texto pixelado durante las animaciones es exactamente lo que Nick recomienda:. la superposición de un DIV en lugar de desaparecer el propio texto

Lo siento, no podría ser de más ayuda de zafiro, pero gracias por leer!