Peete: Text auf transparentem HG ist auch transparent..

Beitrag lesen

Hi,
so, das habe ich jetzt ziemlich gut verstanden, auch das mit der Vererbung, alles klar, danke Dir!

Mit folgendem Code kann ich das Ganze bei einem statischen Kasten zwar zum "laufen" bekommen:

<html>
<title>CSS</title>
<style type="text/css">
body{
    background-color : black;
    color       : white;
}
#kasten1{
    opacity             : 0.5;
    filter              : alpha(opacity=50);
    -moz-opacity        : 0.5;
    background-color    : red;

}
#kasten2{

opacity     : 1.0;
    filter      : alpha(opacity=100);
    -moz-opacity : 1.0;
}
#kasten3{
    position    : absolute;
    left        : 200px;
    top         : 5px;
}
</style>
</head>
<body>
<div id="kasten1">
    <div id="kasten2">
    Cascading Style Sheets
    </div>
</div>
<div id="kasten3">
Cascading Style Sheets
</div>
</body>
</html>

Jetzt ist aber das Problem, dass in dem Kasten eine explorerartige JavaScript-Navigation liegt, sich die Höhe des Kastens also ständig ändern kann und sich der darunterliegende halbtransparente Kasten natürlich mitverändern soll, also sollte die Navi IM Kasten liegen, was mir jetzt nicht möglich scheint.

Kann man einem inneren Element die "normale" Deckkraft des bodys wieder zurückgeben?
Muss ich per JavaScript die Höhe des Kastens immer mitverändern, d.h. der Höhe der Navi (eine Liste) anpassen?

Viele Grüße,
Peete

PS: Über den Status der Eigenschaften bin ich mir bewußt, jawohl. ;-)