Opacité d'un conteneur mais pas du contenu.

Bonjour,

Savez vous comment s'y prendre pour avoir une DIV quasiment transparente, contenant du texte qui lui ne sera pas transparent.

en effet, si j'utilise l'attribut 'opacity', c'et à la fois la DIV ( conteneur) et le texte qui deviennent transparent.

Merci d'avance pour votre réponse.


ricco

riccco a écrit :

Savez vous comment s'y prendre pour avoir une DIV quasiment transparente, contenant du texte qui lui ne sera pas transparent.

En utilisant une image de fond transparente, par exemple?

@Benjamin,

Pas bête du tout comme astuce. Je vais tenter ça.

Merci beaucoup

riccco

Article en relation

Bonjour,

L'image de fond en PNG-24 est la bonne solution.
Pour se faire un peu plaisir, on pourra tout de même jeter un oeil aux couleurs RVBA, dont la syntaxe est comme suit:

background: rgba(255,255,255,0.6); /* blanc opaque à 60% */

Pour le support par les navigateurs, c'est pas encore ça mais ça s'améliore petit à peu.
Voir pour le détail:
http://web.covertprestige.info/test/28-support-couleurs-rvba-css3.html

Merci à tous pour vos aimables réponses

riccco