Bonjour,

Je n'arrive pas à appliquer sur ma balise P, une opacité d'un certain %.

Voici mon code

JAVASCRIPT
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
 
     //Fonction qui attribue l'opacité à un objet
        function changeOpac(opacity, id) 
        {
            var myobject = document.getElementById(id).style;
 
            myobject.opacity = (opacity / 100);
            myobject.MozOpacity = (opacity / 100);
            myobject.KhtmlOpacity = (opacity / 100);
            myobject.filter = "alpha(opacity=" + opacity + ")";
        }
HTML
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
 
<img id="monImage" src="uneImage.jpg"/>
<p id="monTexte">Un texte</p></div>
 
<input type=button value="Image à 50%" onclick="changeOpac(50,'monImage')" />
<input type=button value="Texte à 50%" onclick="changeOpac(50,'monTexte')"/>
Sous Firefox, ça fonctionne très bien.
Sous IE7, l'opacité sur l'image fonctionne mais pas celle sur le texte.

Sauriez-vous pourquoi ?

Merci à vous.