z-index:auto

weixin_34148340發表於2019-02-27

z-index為auto的元素不產生堆疊上下文,因此其子元素依然通過其自身z-index進行比較

  <div z-index:auto>
    <div z-index:5>
    </div>
  </div>
  <div z-index:0>
  </div>

此時雖然5是auto的子元素,但因為auto不生成堆疊上下文,因此auto直接與0比較,處於最上。三者最終層級為5>0>auto

相關文章