Herbert S.: z-index Vererbung

Beitrag lesen

SELF-Forum

z-index Vererbung

Herbert S.
– Informationen zu den Bewertungsregeln

Hallo,

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">&nbsp;</div>  
	<div class="untere ebene">  
		<div class="obere ebene">&nbsp;</div>  
	</div>  
</body>  
</html>
Beitrag melden
–
Informationen zu den Bewertungsregeln