nicht angemeldet
Hallo,
Ich habe dem body ein Hintergrundbild zugeordnet. Darauf liegt ein div-Element, das eine halbtransparente Hintergrundfarbe haben soll. In diesem Kasten soll dann Text stehen. Nun passiert es aber mit folgendem Code, dass der Text auch transparent ist, obwohl er nochmal in einem seperaten div liegt. Soweit ich gelesen habe, sind die Transparenzeigenschaften nicht vererblich. Hier der Code:
<html>
<title>CSS</title>
<style type="text/css">
body{
background-color : black;
}
#kasten1{
opacity : 0.5;
filter : alpha(opacity=50);
-moz-opacity : 0.5;
background-color : red;
}
#kasten2{
color : white;
opacity : 1.0;
filter : alpha(opacity=100);
-moz-opacity : 1.0;
}
</style>
</head>
<body>
<div id="kasten1">
<div id="kasten2">
Cascading Style Sheets
</div>
</div>
</body>
</html>
Die Worte "Cascading Style Sheets" sind also ebenfalls so transparent wie der Hintergrund des darunter liegenden divs. Aber auch wenn man dem Text-div explizit nochmal null Transparenz zuweist wie im Code oben bringt das nichts.
Ist das Sinn der Sache und/oder kann man das ändern? Die Schrift sollte voll deckend sein für meine Zwecke.
Vielen Dank und viele Grüße,
Peete
Auge