两同层元素，其中一个的子元素定位与另一个重叠时，该子元素被覆盖（此时子元素的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>
原文：http://blog.csdn.net/u010403387/article/details/46632147