Ich habe eine div mit Standardpositionierung (d. h. position:static ) und eine div con un fixed Position.
Wenn ich die Z-Indizes der Elemente einstelle, scheint es unmöglich zu sein, das feste Element hinter das statische Element zu schieben.
#over {
width: 600px;
z-index: 10;
}
#under {
position: fixed;
top: 5px;
width: 420px;
left: 20px;
border: 1px solid;
height: 10%;
background: #fff;
z-index: 1;
}
<!DOCTYPE html>
<html>
<body>
<div id="over">
Hello Hello HelloHelloHelloHelloHello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello
</div>
<div id="under">
</div>
</body>
</html>Oder auf jsfiddle hier: http://jsfiddle.net/mhFxf/
Ich kann dieses Problem umgehen, indem ich position:absolute auf das statische Element, aber kann mir jemand sagen warum dies geschieht?
(Es scheint eine ähnliche Frage wie diese zu geben, ( Feste Positionierung bricht z-index ), aber es gibt keine zufriedenstellende Antwort, daher stelle ich diese Frage hier mit meinem Beispielcode)
