要想改变代码的层级，就要通过z-index的属性，要让z-index起作用有个小小前提，就是元素的position属性要是relative，absolute或是fixed。
1.z-index不起作用情况：
这种情况发生的条件有三个：
1、父标签 position属性为relative；
2、问题标签无position属性（不包括static）；
3、问题标签含有浮动(float)属性。
解决办法有三个（任一即可）：
1、position:relative改为position:absolute；
2、浮动元素添加position属性（如relative，absolute等）；
3、去除浮动。
2.元素重叠显示的情况：
当z-index起作用后，如果没有设置背景色的话，就会发现有元素重叠显示的问题存在。如下，本人写的一个web app项目中没有加背景显示的效果。
在代码中加上：background|:#fff; 底层的元素就彻底不显示了。