J'ai un div avec un positionnement par défaut (c'est-à-dire position:static ) et un div avec un fixed position.
Si je fixe les z-index des éléments, il semble impossible de faire passer l'élément fixe derrière l'élément statique.
#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>Ou sur jsfiddle ici : http://jsfiddle.net/mhFxf/
Je peux contourner ce problème en utilisant position:absolute sur l'élément statique, mais quelqu'un peut-il me dire pourquoi c'est ce qui se passe ?
(Il semble y avoir une question similaire à celle-ci, ( Positionnement fixe cassant z-index ) mais il n'y a pas de réponse satisfaisante, c'est pourquoi je pose la question ici avec mon exemple de code)
