jQuery fadeIn / fadeOut pépin IE cleartype comment corriger transition

Question

Eh bien, cela est un bug bien connu avec IE et jQuery:

IE est en train de perdre ClearType

Ce que je vous demande: est-il possible d'éliminer cet effet en quelque sorte laid de transition, avant que la « solution » est appliquée. Testez ce dans IE:

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

Bien qu'il soit une solution à un problème plus grave, est possible de résoudre ce problème tranition et le flash de contenu « non-ClearType »?

Il ne serait pas me troublent beaucoup, mais il est pour mon menu principal du site dans jquery (superfish) - ces transitions sont assez bien visibles ...

Edit: juste une chose à remarquer - cela se produit sur votre navigateur aussi? Peut-être qu'il ya quelque chose dans les paramètres IE?

Answer 1

Il n'y a aucun moyen de fixer le ClearType laid va en fondu arrive sur ce contenu . Ceci est juste un (OMI) mauvaise décision de l'équipe IE fait sur la façon de mettre en œuvre leur filtre d'opacité (Direct X, que la façon dont il est mis en œuvre dans IE ne supporte pas ClearType).

La seule autre option qui fonctionne bien est quelque chose à disparaître autre , comme un <div> sur le dessus qui se fane dans, plutôt que votre contenu avec le texte ... mais la sortie en fondu, vous avez dit votre utilisation est pour un menu, de sorte que s'appliquerait pas vraiment ici.

Answer 2

Je lis toutes sortes de solutions possibles pour le problème d'Internet Explorer fade, mais rien ne semblait fonctionner.

En fin de compte, j'ai décidé d'aller avec la superposition DIV position absolue comme décrit dans ce fil. J'ai une hauteur de dynamique, cependant, donc j'utilisé jQuery pour changer la hauteur de la DIV avant le fondu. Mon code a fini par regarder quelque chose comme ceci:

$("#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);

Tirée mes cheveux avec ce problème, donc nous espérons que cela aide quelqu'un.

Answer 3

Bonne solution Nick!

Différents scripts ont mis en place des correctifs (comme ), mais actuellement la meilleure option que j'ai trouvé pour fixer le texte pixélisé lors des animations est exactement ce nick recommande:. Superposer une DIV au lieu de la décoloration du texte lui-même

Désolé je ne pouvais pas être plus utile Sapphire, mais grâce à la lecture!