Gestion de la transparence en CSS2

  • Auteur de la discussion Auteur de la discussion zooloo
  • Date de début Date de début
WRInaute discret
Salut,

J'ai un petit soucis avec la gestion de la transparence :
Quand j'applique de la transparence alpha au background d'une table par exemple, je voudrais que les polices et les images ne soient pas affectées par la transparence, donc que seul le fond hérite de l'effet... Est-ce possible, si oui comment ?

A titre d'info voici le code que j'utilise pour le moment :

CSS:
Code:
.transparent { background: #00F; filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5; }
HTML:
Code:
<table class="transparent">
 <tr>
   <td>bla bla bla <img src="image.gif" alt="" /></td>
  </tr>
</table>
 
WRInaute passionné
Il faut peut-être préciser que le texte inclus dans le tableau n'est lui pas transparent ?
Genre :
Code:
.transparent P { bfilter:alpha(opacity=100); -moz-opacity:1; opacity: 1; }

Code:
<table class="transparent">
 <tr>
   <td><p>bla bla bla <img src="image.gif" alt="" /></p></td>
  </tr>
</table>


PS : je ne garantit pas, c'est une propriété que je n'ai jamais utilisé.
 
WRInaute accro
>> ben non il hérite

c est un peu le principe oui lol
simplement j ai jamais trouvé, moi j ai fais 2 divs non imbriqués avec le second div qui se positionne avec du js sur le premier. c est pas beau mais ca marche :-)
 
WRInaute passionné
Il hérite quoi ?

Tu peux pas forcer l'opacité d'un objet à 100% s'il est inclus dans un objet avec transparence ?
 
WRInaute discret
c'est aussi la conclusion que je tire pour le moment... faire un div par dessus, mais bon pas avec du JS mais en position absolue. Ca ne m'arrange pas vraiment :(
 
WRInaute discret
Il faut mettre une image PNG translucide en fond de tableau, ça marche aps dans IE6 (personnellmeent je m'en tape ;) ) mais ça marchera dans IE7
 
Discussions similaires
Haut