CSS3用户界面:pointer-events

该属性用来设置鼠标事件的响应行为。

浏览器支持情况:

IE 11+(2013/10/17

Firefox 3.6+(2010/01/21

Chrome 4+(2010/01/25

Safari 4+(2009/06/08

Opera 15+(2013/07/02

IOS 3.2+(2010/04/03

Android 2.1+(2009/10/26

pointer-events:
	auto (默认值,与pointer-events属性未指定时的表现效果相同。) |
	none (元素永远不会成为鼠标事件的target) ;
当把值设置为none后,他有如下相关特性:

1. 阻止用户的点击动作产生任何效果
2. 阻止缺省鼠标指针的显示
3. 阻止CSS里的hover和active状态的变化触发事件
4. 阻止JavaScript点击动作触发的事件
这个属性非常实用的一个应用场景,在许多网站上过节的时候页面最上层会用canvas绘制的雨、雪花,避免这些悬浮物遮挡住页面从而影响鼠标点击,可以使用pointer-events:none属性,让这些上方的canvas不会遮挡鼠标事件,让鼠标事件可以穿透上方的canvas来点击页面。
来呀,点我啊 pointer-events:auto;
来呀,点我啊 pointer-events:auto;
来呀,点我啊 pointer-events:auto;
来呀,点我啊 pointer-events:auto;
来呀,点我啊 pointer-events:none;
来呀,点我啊 pointer-events:none;
来呀,点我啊 pointer-events:none;
来呀,点我啊 pointer-events:none;