美文网首页
z-index无效解决

z-index无效解决

作者: 这真的是一个帅气的名字 | 来源:发表于2018-08-16 15:34 被阅读21次

1、父标签 position属性为relative;

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

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

这样也很好理解为什么parent设置了position和z-index之后insert的z-index就会失效的问题了,他的解决办法有是三个:

1、position:relative改为position:absolute;

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

3、去除浮动。

相关文章

网友评论

      本文标题:z-index无效解决

      本文链接:https://www.haomeiwen.com/subject/brkobftx.html