绝对定位的元素被遮挡正确解决方法

    选择打赏方式

本站已不再更新,最新资源请前往zcjun.com获取!

正常情况下
<div style="position:relative;">
  <p style="position:absolute;z-index:99999;"></p>
</div>
<div style="position:relative;">
</div>

如果上下这两个div存在互相遮盖的情况,那么下面的div会遮盖住上面的div
无论怎么设置p标签的层级都没有用!!!!


正确姿势:

给被遮盖的绝对定位元素的设置了相对定位的元素设置z-index值
<div style="position:relative;z-index:1;/*这个值只要比下面div的z-index值高就行*/">
  <p style="position:absolute;z-index:99999;"></p>
</div>
<div style="position:relative;">
</div>


版权声明:若无特殊注明,本文皆为《 子成君 》原创,转载请保留文章出处。
本文链接:绝对定位的元素被遮挡正确解决方法 https://old.zcjun.com/learn/504.html
百度收录:本文已被百度收录点击查看详情!
本文到此结束

热门推荐

发表吐槽

你肿么看?

你还可以输入 250 / 250 个字

爱你允悲悲伤吃惊委屈可怜憧憬吃瓜大哭开心坏笑笑哭哼打哈欠鼓掌乖嘘阴险日了狗费解挤眼滑稽666比心


既然没有吐槽,那就赶紧抢沙发吧!