z-index失效的几种情况

文章介绍了z-index只在定位元素上生效的规则,列举了包括元素无定位、添加浮动后的失效情况,并对可能误解的父元素相对定位影响z-index的现象提出了疑问,邀请读者讨论。

z-index失效的几种情况🤓🤓

一、z-index的使用场景

当元素中==出现层叠覆盖==的时候,我们想要特定地选择某一个元素在最上面显示,这个时候,我们就要使用z-index

二、z-index不生效的几种原因

首先要清楚,z-index是只有在有定位的情景下才会生效。

所以第一点是==元素本身是否有定位==。

加了浮动后,也不生效。

第三点就是,父元素设置了相对定位元素。这一点,暂时还不清楚。我觉得这句话有点错误。希望大家能提供点想法!🤓🤓

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值