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

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

div1-parent {position:relative;
z-index:2}
div1 {position:static}


div2 {position:relative;
z-index:10000}
div2-parent {position:relative;
z-index:1}

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

div3-parent {position:static}
div3 {position:relative}


div4 {position:static}
div4-parent {position:static}

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

div5-grand {position:static;
z-index:100}
div3-parent {position:static;
z-index:100}
div3 {position:static;
z-index:100}
div6-grand {position:static}
div6-parent {position:static}
div4 {position:static}