• 欢迎访问大姚哥前端笔记
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏吧
  • 欢迎留言o(∩_∩)o 哈哈

CSS3 pointer-events允许鼠标穿透

CSS3 dayaoge 523次浏览

This CSS property, when set to “none” allows elements to not receive hover/click events, instead the event will occur on anything behind it.

pointer-events:none的作用是让元素实体“虚化”。例如一个应用pointer-events:none的按钮元素,则我们在页面上看到的这个按钮,只是一个虚幻的影子而已,您可以理解为海市蜃楼,幽灵的躯体。当我们用手触碰它的时候可以轻易地没有任何感觉地从中穿过去。
一切都是幻影! — 张鑫旭大神

简单点理解就是可以穿过上层的元素,让事件穿透到它的下面。
兼容性良好:
TIM截图20180425105512


小白公园 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权 , 转载请注明CSS3 pointer-events允许鼠标穿透
喜欢 (1)