z-index 不生效的原因

什么是 z-index？

描述：用来设置元素的堆叠层级，拥有更高层级的元素显示在最前面。

注意: z-index 仅能在定位元素上有效

所以，如果 z-index 失效，极大可能是没有定位。

position属性

默认值是 static，没有定位，正常文档流；

relative: 相对定位，相对于正常位置定位；

absolute: 绝对定位，相对于static以外的，第一个父元素进行定位; -- 脱离文档流

fixed: 固定定位，相对于浏览器窗口定位。-- 脱离文档流