码迷,mamicode.com
首页 > 其他好文 > 详细

元素z-index继承问题

时间:2015-06-25 10:30:28      阅读:138      评论:0      收藏:0      [点我收藏+]

标签:

两同层元素,其中一个的子元素定位与另一个重叠时,该子元素被覆盖(此时子元素的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


元素z-index继承问题

标签:

原文地址:http://blog.csdn.net/u010403387/article/details/46632147

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!