jQuery fadeIn / fadeOut IE Cleartype Glitch wie Übergang zu beheben

Question

Nun, das ist ein bekannter Fehler mit IE und jQuery:

IE verliert Cleartype

Was ich frage: ist es möglich, irgendwie, dass hässlichen Übergangseffekt zu entfernen, bevor die „fix“ angewandt wird. Testen Sie dies in IE:

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

Auch wenn es sich um eine Lösung für ein Problem schlimmer ist, ist die mögliche, dass tranition und den Blitz von „un-klar-Typ“ Inhalt zu beheben?

Es wäre nicht die Mühe mir, dass viel, aber es ist für meine Haupt-Website Menü in jquery (superfish) - diese Übergänge sind so ziemlich sichtbar ...

Edit: nur eine Sache zu bemerken - geschieht dies auf Ihrem Browser auch? Vielleicht ist es etwas in den IE-Einstellungen?

Answer 1

Es gibt keinen Weg, um die Cleartype gehen hässlich zu beheben, während die Fade geschieht an diesem Inhalt . Dies ist nur ein (IMO) schlechte Entscheidung des IE-Team gemacht, wie sie ihre Opazität Filter implementieren (Direct X, die so, wie es in IE implementiert ist nicht Cleartype nicht unterstützt).

Die einzige andere Option, die gut funktioniert, ist etwas zu verblassen sonst , wie ein <div> auf, dass Fades in, anstatt Ihre Inhalte mit dem Text ausblenden ... aber Sie sagt, dass Ihre Verwendung ist für ein Menü, so dass würde nicht wirklich hier.

Answer 2

las ich alle Arten von möglichen Lösungen für das Internet Explorer verblasst Problem, aber nichts schien zu funktionieren.

Schließlich entschied ich mich, mit dem absolut positionierte DIV-Overlay zu gehen, wie in diesem Thread beschrieben. Ich habe eine dynamische Größe, aber so habe ich jQuery die Höhe des DIV vor dem verblassen zu ändern. Mein Code am Ende etwas wie folgt aussehen:

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

Zog meine Haare mit diesem Problem heraus, so dass hoffentlich das hilft jemand aus.

Answer 3

Gute Lösung Nick!

Verschiedene Skripte haben Fixes implementiert (wie Zyklus ), aber zur Zeit die beste Option, ich habe festgestellt, den verpixelten Textes während Animationen für die Befestigung ist genau das, was nick empfiehlt: a. DIV statt Verblassen des Textes selbst Übereinander

Leider habe ich nicht mehr helfen Sapphire sein könnte, aber vielen Dank für das Lesen!