为什么z-index不起作用?
Add a comment
June 30th, 2011
最近做的页面,碰到两次z-index不起作用。
一次是IE6下不起作用,在网上查了一下,说是可能是这三个原因:1、父标签position属性为relative;2、问题标签无position属性(不包括static);3、问题标签含有浮动(float)属性。
第一点,和我的相符,但我把它改成了position:absolute,问题依然存在。第二点、第三点和我的情况不符。
接着就是一层一层地追,发现把这个层(A)比较高一级的父层(B)加上”position:relative;z-index:100;”就好了,原来是B层比与相邻的层(C)低了,导致B层里的任何一层无论怎么设z-index,也高不过与B层相邻的那个C层。
第二次是任何浏览器都不起作用,还是一层一层的追,发现这一层的一个父层里有”overflow:hidden;”,这样这个父层下任何层使用z-index都会被与这个父层相邻的层遮住。