OVH Cloud OVH Cloud

Opacité

1 réponse
Avatar
Stéphane Santon
Bonjour,

J'ai une image de fond qui est un parquet que je voudrais atténuer sur
une zone par une couleur de fond non opaque.
Le problème est que le texte devient transparent aussi, or je voudrais
que le texte soit totalement opaque pour plus de contraste.
Même en plaçant dans ce div un autre div opaque...
Est-ce possible ?

.ZonePrincipale {
color: #69321B;
background-color: #DDDDDD;
filter: alpha(opacity=20); -moz-opacity:0.20;
}
.ZoneOpaque {
background-color: transparent;
filter: alpha(opacity=100); -moz-opacity:1.00;
}


<div class="ZonePrincipale">
<div class="ZoneOpaque">
Texte ...
</div>
</div>

--
** Anti-Spam : ajouter [usenet] dans l'objet pour ne pas être rejeté.
--
Cordialement, Stéphane *** http://www.team-santonum.com
Loisirs, nature, arts, technologie : accueil en Charente-Maritime

BTS Electrotechnique *** http://enselec.team-santonum.com

1 réponse

Avatar
Thibaut Allender
On 23/11/2004 10:25, Stéphane Santon wrote :
J'ai une image de fond qui est un parquet que je voudrais atténuer sur
une zone par une couleur de fond non opaque.
Le problème est que le texte devient transparent aussi, or je voudrais
que le texte soit totalement opaque pour plus de contraste.
Même en plaçant dans ce div un autre div opaque...
Est-ce possible ?



non, j'avais déjà essayé ce genre de manip, mais il est impossible
d'opacifier un élément enfant d'un autre élément non opaque.

pour y parvenir, il faut sortir le div enfant, et le replacer par dessus
le div "parent" (en position relative avec une marge negative, ca doit
pouvoir le faire)

--
thibaut allender | freelance | http://capsule.org