Pourquoi FadeIn/FadeOut de jQuery présente-t-il des problèmes d'opacité dans Internet Explorer et comment puis-je les résoudre ?

Résolution des bizarreries d'opacité de fondu entrant et sortant de jQuery dans Internet Explorer

Lors de l'application de superpositions CSS à l'aide des animations de fondu d'entrée et de sortie de jQuery, les utilisateurs peuvent rencontrer comportement inattendu dans Internet Explorer. Ce problème se manifeste par une transition immédiate vers un arrière-plan opaque lors du fondu entrant et un rendu momentané des couleurs unies lors du fondu sortant avant la suppression de la superposition.

Cause et solution

Cette anomalie provient de différences de compatibilité des navigateurs. Pour y remédier dans Internet Explorer, il est nécessaire de définir l'opacité de l'élément de superposition à l'aide de JavaScript avant d'invoquer la fonction fadein. Ce processus garantit que l'opacité initiale est établie, évitant ainsi les transitions brusques.

À titre d'exemple, considérons ce code :

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

Ici, l'opacité de la classe 'overlay' est définie sur 40 % en utilisant la propriété 'filter' avant le déclenchement de l'animation fadeIn. Cette approche élimine efficacement les problèmes susmentionnés dans Internet Explorer.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!