pointer-events:none;

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;可穿透 定位层下面的内容可选可点

转载于:https://blog.51cto.com/ansue/1735382