z-index不起作用的总结

出现的原因有三个:

1、父标签 position属性为relative;

2、问题标签无position属性(不包括static);

3、问题标签含有浮动(float)属性。

4、在有定位的情况下,是因为该元素的子元素后来居上,盖住了该元素

解决办法:

1、position:relative改为position:absolute;

2、浮动元素添加position属性(如relative,absolute等);

3、去除浮动;

4、将盖住该元素的子元素的z-index设置为负数,而该元素不设z-index属性。

猜你喜欢

转载自www.cnblogs.com/akunz/p/11850547.html