元素z-index继承问题
两同层元素。当中一个的子元素定位与还有一个重叠时,该子元素被覆盖(此时子元素的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