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 元素。