浅谈css3有意思的属性pointer-events: none;

本文介绍了如何使用CSS属性pointer-events:none实现元素不可交互的海市蜃楼效果,结合opacity:0达到类似display:none的视觉隐藏效果。通过实例解析,让读者深入理解CSS中元素可见性和可交互性的控制技巧。

 

pointer-events: none; 可以让某个元素实现类似于海市蜃楼的效果,具体理解为,你可以看的到某个元素,但是你无法摸的着。

 

而display:none; 是你摸不着,但是你也看不见。

 

pointer-events: none;摸不着,但是看得见。如果把某个元素再加上opacity:0;则可以很容易实现类似display:none;的效果(摸不着,看不见)。

转载于:https://www.cnblogs.com/teamemory/p/9889008.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值