现在的位置: 首页 > 综合 > 正文

IE6/IE7 position:relative/absolute z-index失效问题css bug

2013年10月18日 ⁄ 综合 ⁄ 共 224字 ⁄ 字号 评论关闭

今天做页面,遇到弹出菜单被焦点图遮盖了,已经设定了菜单的css属性z-index,firefox、ie8、ie9正常,ie6、ie7无效。

搜索一下才知道,需要把容器的父辈容器也设置z-index属性。IE6/7下面要对比两个不同级别的元素的z-index要逐级的向父元素查找。

如果父元素没有可比性,那么后面的元素会无视前面的元素的z-index强行覆盖。所以这在IE6/7下面是要注意。

解决方式也很简单,给父元素加上z-index使他们具有可比性。

抱歉!评论已关闭.