Visa ett inlägg
Oläst 2008-05-15, 02:04 #1
rsp rsp är inte uppkopplad
Medlem
 
Reg.datum: Apr 2008
Inlägg: 51
rsp rsp är inte uppkopplad
Medlem
 
Reg.datum: Apr 2008
Inlägg: 51
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 :/
rsp är inte uppkopplad   Svara med citatSvara med citat