Gestion de la transparence en CSS2

Consultez la formation à Google Analytics de WebRankInfo / Ranking Metrics

zooloo
WRInaute discret
WRInaute discret
 
Messages: 171
Inscription: 14 Oct 2003

Gestion de la transparence en CSS2

Message le Mar Juin 07, 2005 13:59

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: Tout sélectionner
.transparent { background: #00F; filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5; }

HTML:
Code: Tout sélectionner
<table class="transparent">
<tr>
   <td>bla bla bla <img src="image.gif" alt="" /></td>
  </tr>
</table>

ptitpimousse
WRInaute discret
WRInaute discret
 
Messages: 81
Inscription: 28 Avr 2005

Message le Mar Juin 07, 2005 14:17

ht*tp://forum.alsacreations.com/forum.php mieux pour ce genre de question ;-)

MagicYoyo
WRInaute accro
WRInaute accro
 
Messages: 2877
Inscription: 24 Mai 2004

Message le Mar Juin 07, 2005 14:26

Il faut peut-être préciser que le texte inclus dans le tableau n'est lui pas transparent ?
Genre :
Code: Tout sélectionner
.transparent P { bfilter:alpha(opacity=100); -moz-opacity:1; opacity: 1; }


Code: Tout sélectionner
<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é.

zooloo
WRInaute discret
WRInaute discret
 
Messages: 171
Inscription: 14 Oct 2003

Message le Mar Juin 07, 2005 14:31

ben non il hérite :(


e-kiwi
Modérateur
Modérateur
 
Messages: 15617
Inscription: 23 Déc 2003

Message le Mar Juin 07, 2005 14:34

>> 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 :-)

MagicYoyo
WRInaute accro
WRInaute accro
 
Messages: 2877
Inscription: 24 Mai 2004

Message le Mar Juin 07, 2005 14:34

Il hérite quoi ?

Tu peux pas forcer l'opacité d'un objet à 100% s'il est inclus dans un objet avec transparence ?

zooloo
WRInaute discret
WRInaute discret
 
Messages: 171
Inscription: 14 Oct 2003

Message le Mar Juin 07, 2005 14:36

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 :(

zooloo
WRInaute discret
WRInaute discret
 
Messages: 171
Inscription: 14 Oct 2003

Message le Mar Juin 07, 2005 14:36

MagicYoyo a écrit:Il hérite quoi ?

Tu peux pas forcer l'opacité d'un objet à 100% s'il est inclus dans un objet avec transparence ?
Manifestement... non.

oberon
WRInaute discret
WRInaute discret
 
Messages: 154
Inscription: 26 Sep 2003

Message le Mar Juin 07, 2005 14:47

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

MagicYoyo
WRInaute accro
WRInaute accro
 
Messages: 2877
Inscription: 24 Mai 2004

Message le Mar Juin 07, 2005 15:02

zooloo a écrit:
MagicYoyo a écrit:Il hérite quoi ?

Tu peux pas forcer l'opacité d'un objet à 100% s'il est inclus dans un objet avec transparence ?
Manifestement... non.


Flûte ! :evil:


Genzo
WRInaute impliqué
WRInaute impliqué
 
Messages: 982
Inscription: 18 Juin 2004

Message le Mar Juin 07, 2005 15:09

oberon a écrit:mais ça marchera dans IE7

Ah bah tiens il m'étonne le Billou ! En tout cas c'est cool si ils le font réellement (tout comme se mettre aux normes un jour...).

zooloo
WRInaute discret
WRInaute discret
 
Messages: 171
Inscription: 14 Oct 2003

Message le Mar Juin 07, 2005 15:12

Pas bête le coup du PNG, je vais faire avec... merci ;)


Si vous avez aimé cette discussion, partagez-la sur vos réseaux sociaux préférés :

Formation recommandée sur ce thème :

Formation Google Analytics : en 2 jours, apprenez comment exploiter l'essentiel des possibilités de l'outil de mesure d'audience de Google. Formation animée par les experts Google Analytics de Ranking Metrics.

Tous les détails sur le site Ranking Metrics : programme, prix, dates et lieux, inscription en ligne.

Lectures recommandées sur ce thème :



Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 3 invités