opacité sur balise P avec IE7
Bonjour,
Je n'arrive pas à appliquer sur ma balise P, une opacité d'un certain %.
Voici mon code
JAVASCRIPT
Code:
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:
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.