Javascript style.opacity undefined

Question

J'utilise Javascript et Mootools pour créer une page HTML particulière, qui comprend un fichier javascript qui vérifie l'opacité d'un élément pour une opération donnée.

Cependant, sur IE, je fais face à ce problème de elem.style.opacity donnant une valeur indéfinie.

Voici l'opération que je fais,

var elem = $('login'); 
alert(elem.style.opacity); 
if(elem.style.opacity == 0) 
{ 
    // Code 
} 

L'alerte donne une valeur correcte de l'opacité sur tous les navigateurs sauf IE.

Toute aide appréciée.

Answer 1

Vous pouvez créer une ou plusieurs classes de différentes opacité. Au lieu de vérifier la valeur d'opacité, vous pouvez vérifier si l'élément a une classe ou non et le changer si nécessaire.

<style> 
.hasOpacity_opacity { 
    opacity: 0.2; 
    filter: alpha(opacity = 20); 
} 
</style> 

<script> 
var elem = $('login'); 
alert(elem.style.opacity); 
if(!elem.hasClassName('hasOpacity')) 
{ 
    // Code 
} 
</script> 

(Ce code utilise le 'addClassName' du prototype JS)

Answer 2

Cela devrait vous orienter dans la bonne direction. IE ne pas utiliser l'opacité:

http://joseph.randomnetworks.com/archives/2006/08/16/css-opacity-in-internet-explorer-ie/