为什么z-index不起作用

时间:2023-12-26 21:16:07

感觉很简单的东西 在用的时候 可能会遇到这样活那样的问题 这就是要注意细节:参考地址: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都会被与这个父层相邻的层遮住。