Discussion :

[denisvignes]

Bonjour,
j'ai une belle image et un texte cliquable dans un div dessus.
Pour rendre ce texte plus lisible (ils est bold blanc) j'ai tenté de l'insérer dans un autre DIV à fond gris.
Le texte deveient lisible, mais graphiquement ca foire l'image

La solution est donc de rendre transparent ce DIV gris.

Ca marche bien, sauf que mon texte blanc du div supérieur se trouve aussi affecté par la transparence

comment obtenir la transparence uniquement sur le gris et pas sur le texte blanc?

merci de votre aide


le code:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<div id="belleimage>
   <div id="fondgris">
      <div id="texteblanc">
         coucou, suis je blanc à 100%?
      </div>
   </div>
</div>

[kohsaka]

impossible pour le moment si tu utilises les propriété opacity, etc ... car il se base sur l'opacité de l'élément parent.

une solution est d'utiliser une image png que tu mets en background de ton texte ou ton div.

[denisvignes]

merci pour ta réponse précise
bonne journée