在前端开发的过程中，很多人会发现这样一个简单而又常碰到的问题，z-index属性设置失效。在CSS中，只能通过代码改变层级，这个属性就是z-index。
一、失效原因
1、父标签position属性为relative。
2、问题标签无position属性（不包括static）。
3、问题标签含有浮动（float）属性。
二、解决办法
1、position:relative改为position:absolute。
2、浮动元素添加position属性（如relative,absolute等）。
3、清除浮动。