Discussion :

[hellspawn_ludo]

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.

[hellspawn_ludo]

En cherchant bien sur Google, j'ai trouvé ce site pour ceux que ça intéresserais :

http://www.mandarindesign.com/opacit...itynoscripting

En définitif, il fallait juste que je rajoute dans mon CSS, la propriété width:100%

A bon entendeur.