本文主要包含z-index,div层等相关知识,佚名 希望在学习及工作中可以帮助到您
很久没有写前端代码了，最近有个项目需要亲自动手，但是在做的过程中，发现了一个很简单却又很多人应该碰到的问题，设置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失效
在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失效