Z-索引不适用于固定定位
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>
position:absolute
阿波罗的战车3回答
-
炎炎设计
加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>小提琴 -
FFIVE
Z-指数仅在特定的上下文中工作。relative, fixed或absolute就位。Z-指数相对div与z-index绝对的或固定的。
随时随地看视频慕课网APP
Html/CSS