真知棒、
侠客
侠客
  • 最后登录2021-05-12
  • 发帖数36
  • 社区居民
阅读:7636回复:1

[Html + CSS]如何让被遮挡层可以进行事件点击?

楼主#
更多 发布于:2020-04-26 11:02
非常简单:(纯CSS方法)


外层(被遮挡的层){
    pointer-events: none;
}
 
内层(要发生事件的层){
    pointer-events: auto;
}
pointer-events属性本身有很多取值,但只有none和auto可以用在浏览器上,其他都只能应用在SVG上


取值none:元素永远不会成为鼠标事件的target


取值auto:与pointer-events属性未指定时的表现效果相同(即将元素恢复成为鼠标事件的target)


这里不要忘了给内层添加auto属性,否则被外层包裹的所有内层无法成为鼠标事件的target了


信息来源:https://blog.csdn.net/Simon9124/article/details/84958395
doubleyong
管理员
管理员
  • 最后登录2025-12-02
  • 发帖数1198
  • 最爱沙发
  • 喜欢达人
  • 原创写手
  • 社区居民
  • 忠实会员
沙发#
发布于:2020-04-26 16:41
666,这个酷
知识需要管理,知识需要分享
游客


返回顶部

公众号

公众号