div层调整z-index属性无效原因分析及解决方法

z-index 无效

在做的过程中，发现了一个很简单却又很多人应该碰到的问题，设置Z-INDEX属性无效。在CSS中，只能通过代码改变层级，这个属性就是z-index，要让z-index起作用有个小小前提，就是元素的position属性要是relative，absolute或是fixed。

1.第一种情况（z-index无论设置多高都不起作用情况）：

这种情况发生的条件有三个：

1、父标签 position属性为relative；
2、问题标签无position属性（不包括static）；
3、问题标签含有浮动(float)属性。

eg:z-index层级不起作用，浮动会让z-index失效，代码如下:

发表评论 共有条评论 用户名: 密码: 验证码: 匿名发表