Z-索引不适用于固定定位我有一个div默认定位(即position:static)和div带着fixed就位。如果设置元素的z索引，似乎不可能使固定元素落后于静态元素。 #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>我有一个div默认定位(即position:static)和div带着fixed就位。如果设置元素的z索引，似乎不可能使固定元素落后于静态元素。 #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>或者在这里胡作非为：http://jsfiddle.net/mhFxf/我可以通过使用position:absolute关于静态元素，但是谁能告诉我为什么正在发生这种事？(似乎有一个类似的问题，固定定位破断z指数)但是它没有令人满意的答案，所以我在这里用我的示例代码来问这个问题)
3 回答
炎炎设计
TA贡献1808条经验 获得超4个赞
加position: relative;向外#
#over {
width: 600px;
z-index: 10;
position: relative;
}
#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>
- 3 回答
- 0 关注
- 333 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消