[]图片透明区域点击穿透

图片透明区域可以设置不触发事件吗?
17.png
已邀请:

flypig

赞同来自:

这个问题我也遇到了,找了大量的文档,最后找到了,非常简单的办法处理,用css就解决了
    外层(被遮挡的层){
        pointer-events: none;
    }
     
    内层(要发生事件的层){
        pointer-events: auto;
    }
pointer-events属性本身有很多取值,但只有none和auto可以用在浏览器上,其他都只能应用在SVG上
取值none:元素永远不会成为鼠标事件的target
取值auto:与pointer-events属性未指定时的表现效果相同(即将元素恢复成为鼠标事件的target)
这里不要忘了给内层添加auto属性,否则被外层包裹的所有内层无法成为鼠标事件的target了
原文链接:https://blog.csdn.net/Simon912 ... 58395

要回复问题请先

商务合作
商务合作