[css] Przezroczystość i dziedziczenie, jak wymusić przezroczystość dla dzieci? Opcje

[wujek_bogdan]

gdy ustalimy elementowi przezroczystość (np. za pomocą opacity:), to wszystkie jego dzieci dziedziczą po nim tą własność, jak w taki razie ustalić osobno przezroczystość dla dzieci? 

np. w takim kodzie:

[HTML] pobierz, plaintext 
<div id="container" style="opacity:0.2; background-color:#383838;">
<div class="box1" style="opacity:1.0"></div>
</div>
[HTML] pobierz, plaintext 

chcę aby container był przezroczysty, ale box1 i elementy wewnątrz box1 już nie. nie pomaga zmiana opacity na 1.0, ani też zabawa z z-index. jakieś sugestie?

znalazłem tutaj sposób, ale w moim wypadku się nie sprawdza, bo używam jquery do zaokrąglania brzegów diva.

Ten post edytował wujek_bogdan 6.07.2009, 17:21:59

[erix]

czyli pozostaje mi rozmieszczanie elementów za pomocą position:absolute

Niekoniecznie. Zamiast:

Kod

opacity:0.2; background-color:#383838;

Zmajstruj półprzezroczystego PNG-a, wrzuć go jako tło zamiast tego i problem z głowy, bez JS.