[CSS] transaparence

Résolu/Fermé
wolfy - 22 avril 2011 à 20:53
 wolfy - 22 avril 2011 à 21:48
Bonjour,

J'ai un problème avec de la transparence la où il ne devrait y en avoir,
j'ai un div qui a un fond noir transparent et dessus du texte en blanc, le problème est que le texte n'est pas blanc mais "rosé" à cause du fond de la page qui est rouge.
ma question est : comment puis je faire pour forcé le texte blanc?

note : je ne met que le code me semblant intéressant, demandez si vous en voulez plus ;)

la partie html:
<div id="divBigTexte">
...
<div id="divTexte">
<p>
Voici mon Div transparent en CSS
</p>
</div>
...
</div>

la partie CSS :
body
{
background-color: #920806;
text-align:center;
}
#divBigTexte
{
width:600px;
height: 400px;
position:absolute;
top: 200px;
left: 200px;
}
#divTexte
{
position:absolute;
top: 20px;
bottom: 20px;
width:600px;
background-color:#000000;
filter: alpha(opacity=30);
-moz-opacity:.30;
opacity:.30;
}
#divTexte p
{
font-size:12px;
font-family:"Arial";
font-weight:bold;
color:#ffffff;
}

merci d avance a tous

1 réponse

bon j ai résolu moi même mon problème en le contournant
j ai mi une image de fond transparente, voir:
http://img341.imageshack.us/img341/2840/opacitmx4.jpg

ce qui change en CSS:
#divTexte
{
position:absolute;
top: 20px;
bottom: 20px;
width:600px;
background-image: url(../images/Transparent30black.png);
background-repeat: repeat;
}
0