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.

Nie zmieni to nic. Musisz obiekt nieprzezroczysty wyrzucić z przezroczystego, aby nie był jego rodzicem.

Ew. nie ustawiaj przezroczystości, tylko wrzuć na tło półprzezroczysty png.

czyli pozostaje mi rozmieszczanie elementów za pomocą position:absolute
trochę to komplikuje sprawę, bo wielkość containera musi się dostosować do zawartości.


trudno, skoro nie ma rozwiązania, to zostanę chyba przy przezroczystości png

btw, a jquery, albo jakiś plugin nie potrafi robić takich rzeczy?

Niekoniecznie. Zamiast:

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

tak zazwyczaj robię, myślałem że uda się to zrobić samym kodem, ale chyba szkoda zachodu.