Stili CSS: opacità

Di: DjMicky | 26/09/2020 17:24:52
Salve.
Volevo farvi i complimenti per il forum e per gli argomenti affrontati..
Ho un problema riguardo i css..
Vorrei scrivere con testo di colore bianco su un div dove c'è la trasparenza.. Adesso scrivo bianco ed esce grigio.. mentre se scrivo sulla foto esce la scritta bianca
posto un esempio di codice:
<html>
<head>
<style type="text/css">
div.background
{
width:310px;
height:210px;
background:url(images/dance_floor_3.jpg) no-repeat;
color:#FFFFFF;
z-index:3;
}
div.transbox p
{
font-weight:bold;
z-index:1;
}
div.transbox
{
width:98%;
height:10px;
background-color:#000000;
color:#FFFFFF;
/* for IE */
filter:alpha(opacity=60);
/* CSS3 standard */
opacity:0.6;
z-index:4;
}
#apDiv1 {
position:absolute;
width:296px;
height:38px;
left: 10px;
top: 167px;
background-color: #333333;
/* for IE */
filter:alpha(opacity=60);
/* CSS3 standard */
opacity:0.6;
z-index:5;
}
.Stile1 {color: #FFFFFF}
</style>
</head>
<body>
<div class="background">
<p>Home</p>
<div class="transbox">
<SPAN style="color:#FFFFFF">Some Text</SPAN>
</div>
</div>
<div class="Stile1" id="apDiv1">Home</div>
</body>
</html>
Potete caricare una qualsiasi foto al posto dell'url... nel div.background. Con le dovute modifiche altezza e larghezza.. Vi ringrazio in anticipo...

Risposte



Ciao, ti assicuro che la scritta esce ugualmente bianca è solo un' illusione ottica dovuta alla trasparenza "alpha(opacity=60)"

Di: Gian Paolo | 26/09/2020 17:25:52