为什么z-index不起作用

感觉很简单的东西 在用的时候 可能会遇到这样活那样的问题 这就是要注意细节：参考地址：http://www.ourjour.com/136/

 

设置z-index 不起作用，可能是这三个原因：

1、父标签position属性为relative；

2、问题标签无position属性（不包括static）；

3、问题标签含有浮动(float)属性。

 

我的情况属于第一点，但我修改了position为position:absolute，问题依然存在。第二点、第三点和我的情况不符。

接着就是一层一层地追，发现把这个层（A）比较高一级的父层（B）加上”position:relative;z-index:100;”就好了，原来是B层比与相邻的层（C）低了，导致B层里的任何一层无论怎么设z-index，也高不过与B层相邻的那个C层。

第二次是任何浏览器都不起作用，还是一层一层的追，发现这一层的一个父层里有”overflow:hidden;”，这样这个父层下任何层使用z-index都会被与这个父层相邻的层遮住。