http://www.zhangxinxu.com/wordpress/2011/12/css3-pointer-events-none-javascript/ pointer-events: auto | none
-
auto——效果和没有定义pointer-events属性相同，鼠标不会穿透当前层。在SVG中，该值和visiblePainted的效果相同。
-
none——元素不再是鼠标事件的目标，鼠标不再监听当前层而去监听下面的层中的元素。但是如果它的子元素设置了pointer-events为其它值，比如auto，鼠标还是会监听这个子元素的。
-
其它属性值为SVG专用，这里不再多介绍了。
-
浏览器兼容性
Firefox 3.6+和chrome 2.0+ 以及safari 4.0+都支持这个CSS3属性，IE6/7/8/9都不支持，Opera在SVG中支持该属性但是HTML中不支持。好吧，还是有点儿悲催～～
用途1:pointer-events:none;+无href 可做不可点状态
用途2:在定位层上加pointer-events:none;可穿透 定位层下面的内容可选可点
本文转自Ansue 51CTO博客，原文链接：http://blog.51cto.com/ansue/1735382，如需转载请自行联系原作者
