解决浏览器的兼容性问题是很烦人的, 明明在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值,如下图所示：