Tôi có một divđịnh vị mặc định (nghĩa là position:static) và một divvới một fixedvị trí.
Nếu tôi đặt chỉ mục z của các phần tử, có vẻ như không thể làm cho phần tử cố định đi sau phần tử tĩnh.
#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>Hoặc trên jsfiddle tại đây: http://jsfiddle.net/mhFxf/
Tôi có thể giải quyết vấn đề này bằng cách sử dụng
position:absolute
phần tử tĩnh, nhưng ai đó có thể cho tôi biết tại sao điều này xảy ra không?
(Có vẻ là một câu hỏi tương tự như thế này, ( Cố định vị bẻ z-index ) nhưng nó doesnt có một câu trả lời thỏa đáng, vì thế tôi yêu cầu này ở đây với mã ví dụ của tôi)