nicht angemeldet
z-index Vererbung
Gunnar BittersmannHallo,
ich habe eine Frage zum absoluten positionieren, genauer gesagt zum z-index. Kann ein Kind Element den z-index Wert des Vaters überschreiben?
Im folgenden beispiel möchte ich, dass die Klasse .obere über allen Elementen dargestellt wird:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Z-INDEX</title>
<style type="text/css">
.ebene {
position: absolute;
width: 200px;
height: 100px;
}
.untere {
z-index: 1;
background-color: green;
left: 0px;
}
.mittlere {
z-index: 5;
background-color: blue;
left: 100px;
}
.obere {
z-index: 10;
background-color: red;
left: 50px;
top: 50px;
}
</style>
</head>
<body>
<div class="mittlere ebene"> </div>
<div class="untere ebene">
<div class="obere ebene"> </div>
</div>
</body>
</html>
-
@@Herbert S.:
nuqneH
ich habe eine Frage zum absoluten positionieren, genauer gesagt zum z-index. Kann ein Kind Element den z-index Wert des Vaters überschreiben?
Nein. Mache dich mit „Stapelkontext“ vertraut. [CSS2 §9.9]
Qapla'
--
Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
(Mark Twain)-
Vielen lieben Dank ihr beiden. Diese Info hilft mir schon weiter.
-
-
Hi!
Das geht so nicht. Das Element "obere ebene" befindet sich _im_ Element "untere ebene". Der z-index betrifft somit nur seine Position innerhalb dieses Elements. Und da "untere ebene" unter "mittlere ebene" liegt, wird auch "obere ebene" immer darunter liegen.
--
Vergesst Chuck Norris.
Sponge Bob kann unter Wasser grillen!