J'ai un div
avec un positionnement par défaut (ie position:static
) et un div
avec une 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 cela en utilisant
position:absolute
l'élément statique, mais quelqu'un peut-il me dire pourquoi cela se produit?
(Il semble y avoir une question similaire à celle-ci, ( Positionnement fixe cassant le z-index ) mais il n'a pas de réponse satisfaisante, donc je pose cette question ici avec mon exemple de code)