Warum verursachen „fadeIn()' und „fadeOut()' von jQuery Deckkraftprobleme im Internet Explorer?

IE-Probleme mit der Deckkraft von jQuery FadeIn und FadeOut

Bei Verwendung der Ein- und Ausblendfunktionen von jQuery für CSS-Overlays in Internet Explorer (IE) können Benutzer kann auf unerwartetes Verhalten stoßen. Anstelle eines sanften Übergangs zeigt IE sofortige Änderungen der Deckkraft und stellt die Seite beim Ausblenden in einer Volltonfarbe dar.

Grund für das Problem

Dieses Problem tritt auf, weil IE damit umgeht Die Deckkraft unterscheidet sich im Vergleich zu anderen Browsern. Ohne vorherige Deckkrafteinstellungen wechselt IE beim Einblenden abrupt zur vollen Deckkraft und stellt beim Entfernen von Überlagerungen beim Ausblenden eine Volltonfarbe dar.

Lösung

Um dieses Problem zu beheben, nehmen Sie Anpassungen vor die Deckkraft des Overlay-DIV in JavaScript vor dem Aufruf von fadeIn():

$('.overlay').css('filter', 'alpha(opacity=40)');
$('.overlay').fadeIn(500);

Festlegen der opacity before fadein teilt dem IE die gewünschte anfängliche Deckkraftstufe mit und sorgt so für einen allmählichen Übergang. Diese Lösung gilt insbesondere für einfache DIVs und nicht transparente PNGs.

Das obige ist der detaillierte Inhalt vonWarum verursachen „fadeIn()' und „fadeOut()' von jQuery Deckkraftprobleme im Internet Explorer?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!