README
设置元素是否对指针事件做出反应：
div.ex1 {
pointer-events: none;
}
div.ex2 {
pointer-events: auto;
}
属性值
实践
用ccs3做动效的时候遇到层级问题很不好处理，导致前面的元素影响后面元素的鼠标事件。被这个问题困扰好久突然想到有没有什么属性能让元素被虚化，点击事件可以渗透。发现了这个神奇的用法。 svg之外的元素支持两个值：none和auto. auto是默认值就不解释了。 none:MDN上的解释是这样的，元素永远不会成为鼠标事件的target。但是，当其后代元素的pointer-events属性指定其他值时，鼠标事件可以指向后代元素，在这种情况下，鼠标事件将在捕获或冒泡阶段触发父元素的事件侦听器。 也就是说添加了pointer-events：none的元素，其子元素依然可以通过添加pointer-events：auto恢复鼠标事件。如果想让父元素虚化，又想让其子元素存在鼠标事件，简直太好用了 不过该属性的兼容性不太好，使用的时候要考虑下。