Transparence sur le fond mais pas sur le texte.

Bonjour à tous,

J'ai un problème tout bête avec la transparence ; par exemple:

<div>
<p>Mon texte</p>
</div>

Si j'applique de la transparence sur la DIV, comme ceci :

-moz-opacity: 0.5; opacity: 0.5; filter: alpha(opacity = 50)

Celà s'applique également au texte et je ne parviens pas à annuler la transparence au texte ; j'ai bien essayé de mettre l'opacité à 1/100 sur le texte mais sans résultat.

Savez-vous comment faire ?
Merci d'avance

Iop,

C'est le comportement normal de la propriété opacity. Si tu souhaites que ce soit juste le background qui soit visé alors il faut utilisé la propriété … background ! ^^. Un truc du genre :

div {
background-color: rgba(0,0,0,.4);
}

En espérant t'avoir éclairé ^^

Le soucis avec rgba c'est que c'est pas compatible sur les vieux navigateurs, donc soit tu fais un pixel transparent soit tu utilises rgba ^^

D'accord avec Gili et SuperMerguez.
Le sujet a été traité à maintes reprises sur le forum.

Sinon, il est bien aussi cet article