要素をクリック解除できないようにする（背後にあるものをクリック）

Question

ユーザーがタッチスクリーン（モバイル）をスクロールしているときに、ページをオーバーレイする固定画像があります。

私はそのイメージを "unclickable"または "inactive"なものにしたいと思っています。つまり、ユーザーがそのイメージに触れてドラッグすると、そのイメージはそのイメージがスクロールして、インタラクション。

これは可能ですか？必要な場合は、私が意味するようなスクリーンショットを提供しようとする可能性があります。

ありがとうございます！

Answer 1

設定CSS - pointer-events: noneは、画像とのマウス操作をすべて削除する必要があります。 IEを除き、ほとんどすべてでサポートされています。

Here's a full listの値がpointer-eventsになることがあります。

Answer 2

CSS Pointer Eventsは、あなたが見たいものです。あなたの場合は、ポインタイベントを "none"に設定してください。 このJSFiddleを例に見てください... http://jsfiddle.net/dppJw/1/

アイコンをダブルクリックすると、段落をクリックすると表示されます。

div.child { 
    ...  
    background: #fff; 
    pointer-events: none //This line is the key! 
}