[解決済み] pointer-events: none に設定された div の子がポインタイベントを持つことは可能ですか？

質問

pointer-events: none に設定された div の子にポインタイベントを持たせることは可能ですか？

他の div を保持する div がポインタイベントを通過できるようにする必要がありますが、div 自体がまだイベントを持つようにする必要があります。

これは可能ですか？

どのように解決するのですか？

はい、可能です。基本的に、あなたは方法を説明しただけです。親側で無効にし、子側で有効にします。

pointer-events は、ほぼすべてのブラウザでサポートされており、その中には IE11

ご注意ください pointer-events: all は SVGのみ .

HTMLの場合のみ auto と none はサポートされている値です。

.parent {
  pointer-events: none;
}

.child {
  pointer-events: auto;
}

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

デモです。 http://jsfiddle.net/4gQkT/