Nieprzezroczystość w przezroczystości... Opcje

[Mystic007]

Witam! Mam problem z przezroczystością, a mianowicie chcę by 1 div z klasą "one" był przeźroczysty w 70%, ale za to wewnętrzny div (z klasą "two") był nieprzeźroczysty. Mam taki kod:

[HTML] pobierz, plaintext 
<style type="text/css">
    body{
    background-color: #000;
    color:#000;
    }
    .one{
        margin:100px 300px;
        background-color:#99FF00;
        -moz-opacity:0.7;
        filter: Alpha(Opacity=70);
    }
    .two{
        margin:100px;
        background-color: #fff;
        -moz-opacity:1.0;
        filter: Alpha(Opacity=100);
    }
  </style>
<div class="one"><br />
<div class="two">
Tło powinno być bielutkie jak śnieg.
</div><br />
</div>
[HTML] pobierz, plaintext 

Proszę o pomoc, jak można pozbyć się przeźroczystości w wewnętrznym divie.

[gekon]

Na pewno nie tak. Wszystkie elementy potomne elementu z opacity będa miały takie samo opacity. Mozna to zrobić przez position: absolute;,np.:

[HTML] pobierz, plaintext 
<div id="one">
</div>
 
<div id="two">
</div>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
#one { position: absolute; top: 10px; left: 10px; opacity: 0.7; filter: Alpha(Opacity=70); }
#two { position: absolute; top: 10px; left: 10px; }
[HTML] pobierz, plaintext 

Gecko i Opera obsługują opacity, nie trzeba stosować rozszerzeń.

[Mystic007]

Właśnie tak myślałem, ale już prawie cała strona opiera się na czymś takim więc myślałem, że można trochę to inaczej zrobić. Dzięki za odpowiedź, działa.