divの子がpointer-events：noneにポインタイベントを持つことは可能ですか？

Question

divの子がpointer-events：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/