teiltransparenz in verschachtelten divs

[xpapa]

Hallo,

ich habe ein kleines Problem, ich möchte in verschachtelten divs:

  
<div class="1">  
<div class="2">  
inhalt  
</div>  
</div>  

im div 1 einen dunklen aber teils durchsichtigen Hintergrund, im div 2 so der Inhalt jedoch ohne transparenz angezeigt werden. setze ich nun folgenden css ein:

  
#1  
{background-color:#000000;  
filter:alpha(opacity=85);  
-moz-opacity:0.85;  
opacity:0.85;  
}  

Wird zwar die teiltransparenz erreicht, jedoch auch der Inhalt im innern div 2 ist davon betroffen. Wie kann ich dem per css sauber definieren.

Danke für Antwort im voraus.

[suit]

[code lang=css]
#1

---^
----^
http://de.selfhtml.org/html/referenz/attribute.htm#id_idref_name@title=fehler und http://de.selfhtml.org/css/formate/zentrale.htm#klassen@title=fehler (<http://de.selfhtml.org/css/formate/zentrale.htm#individualformate@title=sowie hier>)

Wird zwar die teiltransparenz erreicht, jedoch auch der Inhalt im innern div 2 ist davon betroffen. Wie kann ich dem per css sauber definieren.

teiltransparenz ist in css 2 unmöglich, höchstens eine teildeckkraft - darum heisst die eigenschaft auch "opacity" und nicht "transparency" - dass ein teilweise opakes element element dabei natürlich über partielle transparenz verfügt, ändert nichts daran

a) korrigere dein fehlerhaftes css, wenn du klassen verwendest möchtest du klassen-selektoren verwenden, nicht id-selektoren (welche zudem auf elemente verweise, die garnicht existieren drüften)
b) wenn du einen teiltransparenten hintergrund haben möchtest, nutze eine teiltransparente hintergrundgrafik - wenn du die deckkraft eines elementes änderst, wirkt das auf das element und alle seine kinder

[xpapa]

Danke für den Hinweis und die Erklärung.

Gruß Michel