子元素與父元素同層。父元素使用整數設定層次時，子元素只與子元素相比。 <style type='text/css'> .d0 {height:220px;font-size:16px} .d1 {position: relative; top:20px; width:160px; height:160px; background:red; } .d2 {position: relative; top:-200px; left:-10px; width:160px; height:160px; background:blue; } .d3 {position: relative; left:80px; width:200px; height:80px; background:green; } .d4 {position: relative; left:-20px; top:-60px; width:200px; height:80px; background:gray; } </style> <br /><br /> <div class=d0> <div class='d1' style='z-index:3'> z-index:3 </div> <div class='d2' style='z-index:-2'> z-index:-2 <div class='d3' style='z-index:5'>z-index:5</div> <div class='d4' style='z-index:-7'>z-index:-7</div> </div> </div>
子元素與父元素相比。父元素設為 auto，則其子元素會與父元素與外在元素相比。如果子元素也設為 auto，則與父元素同層。 <br /><br /> <div class=d0> <div class='d1' style='z-index:3'> z-index:3 </div> <div class='d2' style='z-index:auto'> z-index:auto <div class='d3' style='z-index:5'>z-index:5</div> <div class='d4' style='z-index:-7'>z-index:-7</div> </div> </div>
