[rsp]

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:

#box_bakgrund
{

	width: 300px;
	height: 300px;
	background: #333333;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

Kodsnutt för texten:

#box_text
{
position:relative;
	width: 200px;
	height: 200px;
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
color:#FFFFFF;
}

HTML-koden

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