Hola gurus!
Stött på ett irriterande problem angånde opacitet på bakgrunder i CSS och försöka få synlig text.
Vill alltså ha en box med genomskinlig bakgrundsbild i sedan lägga en box i med 100% synlig text i, men får inte texten att bli 100% synlig utan den tonas också bort <_<
Kodsnutt för bakgrunden:
Kod:
#box_bakgrund
{
width: 300px;
height: 300px;
background: #333333;
filter: alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}
Kodsnutt för texten:
Kod:
#box_text
{
position:relative;
width: 200px;
height: 200px;
filter: alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
color:#FFFFFF;
}
HTML-koden
Kod:
<div id="box_bakgrund">
<div id="box_text">
Sho breeee!
</div>
</div>
Tacksam för hjälp, suttit ett tag o testat det mesta google gav mig :/