crmebH5页面碰到的问题之 z-index不生效

**

前提：我给一个元素设置了margin-bottom: -20px,就变成了下面这样

**

原因： 所有的非浮动或定位的元素z-index不起作用

解决：加上position：absolute

效果：

z-index补充 教你彻底解决css中设置z-index的值无效的问题

在使用z-index这个属性之前，我们必须先了解使用z-index的必要条件：

• 1、要想给元素设置z-index样式，必须先让它变成定位元素，说的明白一点，就是要给元素设置一个postion:relative(定位元素：position属性值设置除默认值static以外的元素，包括relative，absolute，fixed)样式。

• 2、不要给想控制“上、下”的元素设置z-index，而是对他们的父容器设置z-index样式。

看懂了以上两点，我们就明白了如何才能使用z-index这个属性，那就是我们在使用z-index前，先将元素定位，例如position:relative;然后添加（或者给父级添加）z-index:2000就OK了。