Opacity différente pour la box et pour le texte ?

bonjour,

je ressors ce vieux sujet, pour savoir si cela à évolué...

si on place une opacity sur un <div> tout le contenu est aussi modifié

y a t-il une solution, pour ne modifier que la transparence du background sans toucher au contenu en utilisant uniquement du CSS ?

merci pour vos lumières !
++

Non ce n'est pas possible, l'opacité s'applique à l'élément et tous ses enfants.

Ce que tu peux faire :

- Avoir 2 blocs positionnés l'un devant l'autre (position absolute et z-index) et appliquer l'opacité au bloc en fond.
- Utiliser un PNG transparent comme image de fond.

auriez vous un lien à me proposer pour créer facilement et rapidement un pixel transparent
ce que j'ai trouvé sur google ne m'inspire pas trop...

merci beaucoup
++

Salut,

Peut-être avec rgba ?

Lire la documentation de son logiciel de création graphique...

jo_link_noir a écrit :
Salut,

Peut-être avec rgba ?

Génial ! merci pour cette réponse vraiment utile, c'est exactement ce que je cherchais !!!