今天做页面,遇到弹出菜单被焦点图遮盖了,已经设定了菜单的css属性z-index,firefox、ie8、ie9正常,ie6、ie7无效。
搜索一下才知道,需要把容器的父辈容器也设置z-index属性。IE6/7下面要对比两个不同级别的元素的z-index要逐级的向父元素查找。
如果父元素没有可比性,那么后面的元素会无视前面的元素的z-index强行覆盖。所以这在IE6/7下面是要注意。
解决方式也很简单,给父元素加上z-index使他们具有可比性。
今天做页面,遇到弹出菜单被焦点图遮盖了,已经设定了菜单的css属性z-index,firefox、ie8、ie9正常,ie6、ie7无效。
搜索一下才知道,需要把容器的父辈容器也设置z-index属性。IE6/7下面要对比两个不同级别的元素的z-index要逐级的向父元素查找。
如果父元素没有可比性,那么后面的元素会无视前面的元素的z-index强行覆盖。所以这在IE6/7下面是要注意。
解决方式也很简单,给父元素加上z-index使他们具有可比性。