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:
  1. #top_picks {  
  2.     background-color:#bab8b8;  
  3.     width:845px;  
  4.     height:290px;  
  5.     opacity:0.85;  
  6.     filter:alpha(opacity=85);  
  7.     padding:10px;  
  8.     float:right;  
  9. }  
  10.   
  11. #top_picks_container {  
  12.     width:825px;  
  13.     height:270px;  
  14.     float:left;  
  15.     background-color:#fff;  
  16.     padding:10px;  
  17.     opacity:1.00;  
  18.     filter:alpha(opacity=100);  
  19. }  
#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
‹ jobb gombos menü tiltása gyermek div reagál az onmouseout -ra. ›
 ■
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