在写一个网站的样式的时候,遇到IE6 下z-index 无效的问题,整得我好“头疼”,后面查查资料,终于把这个问题给解决了,解决的方法如下:
父标签position属性为relative或absolute时,子标签的absolute属性是相对于父标签而言的。而在IE6下,层级的表现有时 候不是看子标签的z-index多高,而要看它们的父标签的z-index谁高谁低。
有一定经验的人可能都知道上面的事实。但是,相信这里面很多人不知道IE6下,决定层级高低的不是当前的父标签,而是整个DOM tree(节点树)的第一个relative属性的父标签。有时平时我们多处理一个父标签,z-index层级多而复杂的情况不多见,所以难免会有认识上 的小小偏差。
关于这个问题我这里给大家推荐一篇的文章:http://www.wufangbo.com/ie6-ie7-z-index-bug/