解决IE6中Z-index无效不兼容问题

2010年8月26日 | 标签: , ,

解决浏览器的兼容性问题是很烦人的, 明明在FF下好好的, 到IE6中一看, 面目全非. 所以从一开始就要考虑到浏览器的兼容性问题.

Z-index就有这个问题, 如果是两个浮动元素都设置了z-index, 在IE6中并不会按顺序显示.

解决方法:    把要设置元素的父标签添加小于它本身数值的z-index值.

这是网友的原文:

z-index一般跟在position:absolute后边,往往忽略父标签的z-index样式,但各浏览器默认的父标签的 position:relative的z-index值不同,所以,在ie6,ie7浏览器里边存在着z-index:999999也失效的问题,如下图 所示:

针对这种状况,提出以下解决方案:给其父标签添加小于它本身数值的z-index值,如下图所示:

本文的评论功能被关闭了.