div的子节点是否可能设置为指针事件：none没有指针事件？

Question

div的子节点是否可能设置为指针事件：none没有指针事件？

我需要拥有另一个div的div来允许指针事件通过，但是div本身仍然有事件。

这可能吗？

Answer 1

是的，这是可能的，你基本上只是描述了如何。为父项禁用它并为子项启用它：

CSS：

.parent {
  pointer-events:none;        
}
.child {
    pointer-events:all;
}

HTML：

  <div class="parent">
    <a href="#">Parent</a>
    <div class="child">
      <a href="#">Child</a>        
    </div>
  ​</div>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

http://jsfiddle.net/4gQkT/

Answer 2

在子元素的样式上，添加

pointer-events: auto;

pointer-events: all对我不起作用，显然仅适用于SVG元素。