技术 · 2013 年 11 月 11 日

IE6、IE7下的z-index,浮动层被挡住的问题

在正常的页面中,z-index属性决定了标签块的显示优先权,但是在IE6、IE7下,层级的高低不仅要看自己,还要看自己的老爸这个后台是否够硬。用术语具体描述为:
父标签position属性为relative或absolute时,子标签的absolute属性是相对于父标签而言的。
而在IE6、IE7下,层级的表现有时候不是看子标签的z-index多高,而要看它们的父标签的z-index谁高谁低。

有一定经验的人可能都知道上面的事实。但是,相信这里面很多人不知道IE6、IE7下,决定层级高低的不是当前的父标签,而是整个DOM tree(节点树)的第一个relative属性的父标签。有时平时我们多处理一个父标签,z-index层级多而复杂的情况不多见,所以难免会有认识上 的小小偏差。

转载自:http://www.wufangbo.com/ie6-ie7-z-index-bug/