CSS中,想要使用z-index层级盖住有定位的元素节点

定位使得层级变高的问题


由于下面的“样本检测”后面需要特殊符号,我就在div的前后都加了伪类,让它绝对定位到字的后面,上边是个ul列表,发现不管怎么给ul设置z-index层级都没用
在这里插入图片描述
当把“样本检测”的相对定位去掉以后
在这里插入图片描述
可是我后面的特殊符号绝对定位就不见了,跑到后面去了,因为父节点集一路都没有设置定位,这个方法不可行,总不能定位跑那么远
又发现,给“样本检测”的div加上z-index=-1它也没了
在这里插入图片描述
但是当ul隐藏后“样本检测”还是不在,它应该是跑到所有节点的后面去了
在这里插入图片描述
这时,各种百度都看不到相似的问题,偶然看到这个问题在这里插入图片描述
就试了一下,绝了,给ul加了定位以后就可以了在这里插入图片描述

总结

在想要盖住有定位的元素,层级要和定位在一起才管用
个人总结,若有不对请评论纠正

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值