Question

问题是#one与#three重叠。为什么z-index无效？

#one {
  position: relative;
  top: 35px;
  z-index: 2;
}

<div id="one">one</div>
<div>two</div>
<div id="three">three</div>

Answer 1

<html>
<head>
<title>Page Title</title>
<style>#one{position:relative; top:35px; z-index: 1;background:white}
#three{
z-index:-3; background:white}
</style>
</head>
<body>

       <div id="one">one</div>
       <div>two</div>
       <div id="three">three</div>
   </body>
</html>

z-index问题

1 个答案: