Pourquoi les éléments `fadeIn()` et `fadeOut()` de jQuery provoquent-ils des problèmes d'opacité dans Internet Explorer ?

Problèmes IE avec jQuery FadeIn et FadeOut Opacity

Lors de l'utilisation des fonctions de fondu et de fondu de jQuery pour les superpositions CSS dans Internet Explorer (IE), les utilisateurs peut rencontrer un comportement inattendu. Au lieu d'une transition en douceur, IE présente des changements d'opacité immédiats et restitue la page sous forme de couleur unie lors du fondu.

Raison du problème

Ce problème se produit car IE gère l'opacité différemment par rapport aux autres navigateurs. Sans aucun paramètre d'opacité préalable, IE passe brusquement à l'opacité totale pendant le fondu et restitue une couleur unie lors de la suppression des superpositions pendant le fondu.

Solution

Pour résoudre ce problème, ajustez l'opacité du DIV de superposition en JavaScript avant d'appeler fadeIn() :

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

Définition du l'opacité avant le fondu indique à IE le niveau d'opacité de départ souhaité, offrant une transition progressive. Cette solution s'applique particulièrement aux DIV simples et aux PNG non transparents.

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!