两同层元素。当中一个的子元素定位与还有一个重叠时，该子元素被覆盖（此时子元素的z-index继承的是其父元素的z-index，不管其z-index多少均被覆盖）
<html> <head> <style> #blue{ background:blue; z-index:1; } #w1{ background:red; position:relative; z-index:21; } #w2{ background:pink; position:relative; z-index:21; } #w3{ background:grey; position:relative; top:11px; z-index:22; } </style> </head> <body> <div id="blue"> <div id="w1"> <div id="w3">3</div> </div> <div id="w2">2</div> </div> </body> </html> 3 2转载于:https://www.cnblogs.com/bhlsheji/p/5093128.html
