Kom ihåg mig?
Home Menu

Menu


CSS Opacitetsproblem

 
Ämnesverktyg Visningsalternativ
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
 


Aktiva användare som för närvarande tittar på det här ämnet: 1 (0 medlemmar och 1 gäster)
 

Regler för att posta
Du får inte posta nya ämnen
Du får inte posta svar
Du får inte posta bifogade filer
Du får inte redigera dina inlägg

BB-kod är
Smilies är
[IMG]-kod är
HTML-kod är av

Forumhopp


Alla tider är GMT +2. Klockan är nu 00:04.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson
 
Copyright © 2017