le MEMO du WEB développeur
••• Navigateurs •••  Liste des Mémos, astuces et bonnes pratiques

Problème de changement d'opacité d'image avec transparence sous ... IE

Il semblerait que IE<9 gère mal le changement d'opacité animé sous JQuery d'une image à fond transparent , tel que :

$("#monimage").animate({opacity:1},600);

Le symptôme est l'apparition d'un fond noirâtre du plus mauvais effet durant l'animation.

Pas trouvé de remède au mal, à part le patch salvateur quoi que sectaire  (en utilisant la propriété JQuery de détection de navigateur) :

// si le navigateur est IE et la version<9	
if ($.browser.msie && jQuery.browser.version < 9){
     var iepourri = true; 
     alert ('tant pis pour vous');
} else{
     var iepourri = false;
     $("#monimage").animate({opacity:1},600);
}

 

publié le 18/12/2011 par Memo Web
Navigateur
Commenter le Mémo :

Un input de type passwd ne prend pas en compte une police font-face sous IE
La feinte de l'underscore dans un fichier CSS sous IE
Bug sur injection de caractère UNICODE dans le DOM en javascript sous certaines configurations d'IE
Ajoutez vos propres Mémos sur MEMO-WEB

Il suffit de vous créer un compte sur le site

Vous pourrez choisir un thème parmis l'une des catégories proposées par MEMO-WEB.

Rédigez votre Mémo.
Après validation par MEMO-WEB, il sera mis en ligne.
Ajouter vos Mémos