Tag Archives: IE

先了解一下所涉及到的几个定位特性： 1. 相对定位元素默认的z-index的数值是0。 2. 当两个相对定位同时出现时，代码靠后的z-index优先。 3. 子级遵循父级设定的z-index，如果子级设定了绝对定位、z-index，可以冲破父级显示。 看下面的代码： 12345<div style=”position:relative; background:#FF0000; width:200px; height:100px;”> <div style=”position:absolute; background:#FFFF00; width:49px; height:50px; left:106px; top:310px; z-index:100“></div> </div> <div style=”position:relative; background:#000000; width:200px; height:100px;”></div> <div style=”position:relative; background:#9900FF; width:200px; height:100px;”></div> 代码解释：上面是三个相邻的相对定位的层，在第一个层里加了个相对其绝对定位的层，按照理论，这个绝对定位的元素是在三个相对定位元素之上的，但是，实际却没有显示。尝试设置z-index值也没有效。 按照定位的特性，ie的这个bug是可以回避的： 从表面上看是下面的相对定位层遮住了上面的绝对定位层，实际上是下面的相对定位层遮住了绝对定位层的父级层，只要将该父级层的z-index设定大于后面的层即可。