background transparent

[Nissone]

Bonjour,

J'ai une div transparente :

#div_transp {

position:absolute; top:0; left:0; z-index:900;

background:#EEE;

filter:alpha(opacity=50);

-Moz-Opacity:50%

}

Je voudrais que la div qu'elle contient soit, elle, à 100%.

J'ai fais ça :

#div_transp div {background:#FFF; filter:alpha(opacity=100); -Moz-Opacity:100%}

Mais ça ne marche pas ; elle est toujours, elle aussi, à 50% ...

Quelqu'un sait comment faire ?

[jpv]

Bonjour,

Tu n'à pas de solution en conservant cette structure.

Un élément enfant hérite toujours d'un effet de transparence affecté à son parent.

Sur IE tu peux essayer d'affecter un position:relative sur l'élément enfant.

Mais tu ne règleras qu'une partie du problème.

La seule solution est de refaire ta structure pour que l'élément sur lequel tu ne veux pas affecter de transparence ne soit pas enfant de l'élément transparent.

Dernière chose : la propriété moz-opacity doit recevoir un decimal en valeur et pas un pourcentage, de plus elle doit être complétée par la propriété opacity: qui est la propriété normative pour gérer les effets de transparence.

Donc tes éléments doivent recevoir :

 filter:alpha(opacity=50); (pour IE)
-Moz-Opacity:0.5; (pour moz 1.6 notamment)
opacity:0.5; (propriété normative pour FF, Safari, Moz 1.7...)

JP

Modifié 19 Mai 2005 par jpv

[Nissone]

Merci beaucoup pour ces explications.

Je me suis effectivement rangée à ton avis et j'ai "sorti" ma div enfant de son parent.

J'ai modifié mon code pour la transparence...

Merci