频道栏目
首页 > 资讯 > HTML/CSS > 正文

CSS中pointer-events:none解决重叠元素不能感应鼠标事件的问题

17-09-16        来源:[db:作者]  
收藏   我要投稿

CSS中pointer-events:none解决重叠元素不能感应鼠标事件的问题

Pointer-events原本来源于SVG,目前在很多浏览器中已经得到体现。不过,要让任何HTML元素生效还得借助于一点点css。该属性称之为pointer-events,基本上可以将它设置为auto,这是正常的行为,而“none”是一个有趣的属性。

如果你已经设置一个元素的css属性为pointer-events: none。它将不会捕获任何click事件,而是让事件穿过该元素到达下面的元素。

浏览器支持

到目前为止,Firefox 3.6+、Safari 4 和Google Chrome支持Pointer-events。

相关TAG标签
上一篇:JS中const,var,let区别
下一篇:vue监听函数
相关文章
图文推荐

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训 | 举报中心

版权所有: 红黑联盟--致力于做实用的IT技术学习网站