z-index神奇的失效了！！！

z-index失效的原因

情况一：z-index无论设置多高都不起作用情况

【可能原因】

• 父元素的position属性为relative

• 问题标签无position属性（除了static）

• 问题标签设置了浮动（float）属性

• 问题标签的祖先标签的z-index值比较小（IE6和IE7有时候不是看子标签的z-index有多高，而要看整个DOM tree（节点树）的第一个（最外层）relative属性的父标签的层级）

注：浮动会让z-index失效

【解决方法】

• 将父元素的position：relative改为position:absolute，或者直接删除父元素的position属性

• 给问题标签设置position属性（relative、absolute、fixed）

• 清除浮动

• 提高父标签的z-index值

 

来源：https://www.cnblogs.com/kunmomo/p/11763720.html