绝对定位的元素被遮挡正确解决方法
本站已不再更新,最新资源请前往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 百度收录:本文已被百度收录点击查看详情!
本文到此结束
发表吐槽
你肿么看?
既然没有吐槽,那就赶紧抢沙发吧!