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