猛点这里返回我的博客

法则五(重要):非同辈元素,任意一者或其祖元素拥有动态定位时,同时各自向上寻找动态定位的祖元素至共有的祖元素的下一级为止,并分别从中拿出具备最高级别的祖元素(或其本身)进行比较。

情况1:子元素的z-index无论多大,父元素大者居上。

.parentDiv1{position:relative;z-index:2}
.div1{position:static}
.div2{position:relative;z-index:10000}
.parentDiv2{position:relative;z-index:1}

情况2:父元素居下,子元素也可以居上。

.parentDiv1{position:staitc}
.div1{position:relative}
.div2{position:staitc}
.parentDiv2{position:staitc}

情况1、情况2结合扩展比较。

.grandDiv1{position:relative;z-index:3}
.parentDiv1{position:staitc}
.div1{position:relative;z-index:10000}
.div2{position:staitc}
.parentDiv2{position:relative;z-index:4}
.grandDiv2{position:static;}