ugrás a tartalomhoz

Opacity: CSS

lamase · 2010. Jan. 30. (Szo), 16.07
Még soha nem próbálkoztam opacity-vel css-ben, belevágtam, de van egy kis probléma:

#top_picks {
	background-color:#bab8b8;
	width:845px;
	height:290px;
	opacity:0.85;
	filter:alpha(opacity=85);
	padding:10px;
	float:right;
}

#top_picks_container {
	width:825px;
	height:270px;
	float:left;
	background-color:#fff;
	padding:10px;
	opacity:1.00;
	filter:alpha(opacity=100);
}
#top_picks divben van benne a top_picks_container, aminek már nem szabadna áttűnőnek lennie, de mégis, mi segíthetne? Köszönöm
 
1

RGBa, PNG, stb

Endyl · 2010. Jan. 30. (Szo), 18.05
Az opacity a gyerek elemekre is vonatkozik, így ezen a módon nem fog menni.

#top_picks-nek a háttérszínét vagy add meg RGBa színként, vagy használhatsz áttetsző PNG-t (bár egyik sem teljeskörűen támogatott ugyebár), esetleg úgy ügyeskedsz/pozícionálsz, hogy #top_picks_container ne legyen #top_picks gyereke (bár ez, ha lehet, még problémásabb, mint az előbbi kettő).
2

értem már, köszönöm

lamase · 2010. Jan. 30. (Szo), 19.36
értem már, köszönöm