z-index属性失效原因及解决办法

         在前端开发的过程中，很多人会发现这样一个简单而又常碰到的问题，z-index属性设置失效。在CSS中，只能通过代码改变层级，这个属性就是z-index。

一、失效原因

1、父标签position属性为relative。

2、问题标签无position属性（不包括static）。

3、问题标签含有浮动（float）属性。

二、解决办法

1、position:relative改为position:absolute。

2、浮动元素添加position属性（如relative,absolute等）。

3、清除浮动。