本文主要是介绍html,css如何实现穿透顶层元素点击底部元素,实现水印效果,css3属性:pointer-events的妙用,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
html,css如何实现穿透顶层元素点击底部元素,实现水印效果,css3属性:pointer-events的妙用
pointer-events属性在官方中说明指定元素是否能成为鼠标事件的target,其实意思指的就是该元素是否能被选中,该属性可以用于添加系统水印效果,顶部蒙板换成透明的水印图片
演示
1.未添加蒙板
2.在顶层添加蒙板、遮罩,就点击不到底下按钮
3.给蒙板添加pointer-events:none属性后,便可以点击到底下的按钮
这篇关于html,css如何实现穿透顶层元素点击底部元素,实现水印效果,css3属性:pointer-events的妙用的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!