Eu tenho um div
com posicionamento padrão (ou seja position:static
) e um div
com uma fixed
posição.
Se eu definir os índices z dos elementos, parece impossível fazer o elemento fixo ficar atrás do elemento estático.
#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 no jsfiddle aqui: http://jsfiddle.net/mhFxf/
Eu posso contornar isso usando
position:absolute
o elemento estático, mas alguém pode me dizer por que isso está acontecendo?
(Parece haver uma pergunta semelhante a esta, ( Índice z de quebra de posicionamento fixo ), mas ela não tem uma resposta satisfatória; portanto, estou perguntando isso aqui com meu código de exemplo)