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 :

La feinte de l'underscore dans un fichier CSS sous IE
Un input de type passwd ne prend pas en compte une police font-face 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