Opacité sur un élément SPAN
Bonjour,
Suite à mon problème de centrage du texte dans une balise P, j'ai posté mon problème dans la rubrique CSS : http://www.developpez.net/forums/sho...d.php?t=505565
Candygirl m'a gentiment donné la structure du code mais je pense que ce forum est plus adapté à mon petit souci.
Donc, je souhaiterais appliquer une opacité sur mes mots situés dans des SPAN.
Voici mon code :
HTML
Code:
1
2
3
4
5
6
7
8
9
10
|
<div style="width:500px; height:200px; background-color:Gray; text-align:center">
<p id="MonP" style="background-color:Red ;width:50%; text-align:center;">
<span id="Mot1" style="width:100%;">Mot 1</span> <span>Mot 2</span>
</p>
<input type=button value="Go" onclick="changeOpac(50,'MonP')" /> |
JAVASCRIPT
Code:
1
2
3
4
5
6
7
8
9
10
11
|
/* Attribue l'opacité à un objet */
function changeOpac(opacity, id)
{
var object = document.getElementById(id).style;
object.opacity = (opacity / 100);
object.MozOpacity = (opacity / 100);
object.KhtmlOpacity = (opacity / 100);
object.filter = "alpha(opacity=" + opacity + ")";
} |
Quand je mets l'id du P dans la fonction changeOpac(50,'MonP'), ma balise a bien une opacité de 50% mais quand je veux le faire sur un mot, genre changeOpac(50,'Mot1'), ça ne fonctionne pas.
Sauriez-vous pourquoi ?
Encore merci pour ton aide.
