今天ui改版,发现在ie6下弹层z-index不起作用,导致弹层无法显示,在网上搜索了一下,原来在ie6下,元素的z-index要依赖祖先元素的position和z-index属性,即当父元素(还有父元素的父元素。。。)的position为absolute或relative时,子元素的z-index会受该元素z-index属性的影响。
调试代码发现,弹层的一个上级元素,在firefox下position为static,而ie6下被设置为relative,造成弹层的z-index不起作用,将该上级元素的position 显式设置为static,问题解决。