相关疑难解决方法(0)

z-index不适用于固定定位

我有一个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;
    }

Run Code Online (Sandbox Code Playgroud)

    <!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>

Run Code Online (Sandbox Code Playgroud)

或者在这里的jsfiddle:http://jsfiddle.net/mhFxf/

我可以通过使用position:absolute 静态元素解决这个问题 ,但任何人都可以告诉我为什么会这样吗？

(似乎有一个类似的问题,这个问题,(固定位置打破了z-index)但它没有一个令人满意的答案,因此我在这里用我的示例代码问这个问题)

css z-index

Dan*_*man

2017 05-23

405
推荐指数

6
解决办法

47万
查看次数