Opacity .4 uniquement sur mon background et non sur le texte

Salut, je suis en train de travailler sur une navigation classique.

<ul>
 <li>menu 1</li>
 <li>menu 1</li>
 <li>menu 1</li>
 <li>menu 1</li>
 <li>menu 1</li>
</ul>

Je souhaitais, au début rendre l'entièreté du menu transparent. j'ai donc appliqué une classe avec

opacity: .4;

Je me rends compte que niveau lisibilité, c'est pas génial, et mon idée serait de créer uniquement le bg de mon <li> en transparent, le texte lui ne serait pas opacifié.

J'ai testé un truc du genre:

background opacity: .4

ça semble exister uniquement dans mes rêves... Donc, y-a-il moyen d'opacifier uniquement la couleur d'un <li></li> en laissant le texte à 100%?

Merci pour la piste !
Modifié par FranZz (06 Jul 2011 - 14:28)

Salut FranZz,

Si tu souhaites affecter une opacité à ton background, tu as besoin d'utiliser une nouvelle propriété de CSS3 :

background: rgba(170, 0, 0, 0.4);

WouhOoUOuouo , merci, j'ai du me baser sur de mauvais mots clefs ! ( je vois pas comment mais bon... )!

Merci!