使元素不可點擊（點擊背後的東西）

Question

當用戶處於滾動觸摸屏（移動）的行爲中時，我有一個固定圖像覆蓋頁面。

我想讓圖片爲「無法點擊」或「無效」或任何其他內容，這樣，如果用戶觸摸並拖動該圖片，其後面的頁面仍會滾動，就好像圖片不在那裏「阻止」相互作用。

這可能嗎？如果需要的話，我可以嘗試提供屏幕截圖來舉例說明我的意思。

謝謝！

Answer 1

設置CSS - pointer-events: none應該刪除與圖像的任何鼠標交互。除了IE以外，其他都支持得很好。

Here's a full list值pointer-events可以採取。

Answer 2

CSS指針事件是你想要看的。在你的情況下，將指針事件設置爲「無」。 查看這個JSFiddle的例子... http://jsfiddle.net/dppJw/1/

請注意，雙擊圖標仍然會說你點擊段落。

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