如何讓Z-index較低的HTML元素接收鼠標事件？

我正在編寫JavaScript/JQuery中的檢查器遊戲。我有以下問題：使用覆蓋整個屏幕並具有z-index的畫布顯示黃色箭頭：1.棋子爲z-index：0.如何讓Z-index較低的HTML元素接收鼠標事件？

我想添加拖動滴跳棋。我想使用JQuery's draggable widget來使每個檢查器可拖動。但是，由於畫布的Z-index比棋子高，因此後者不會收到鼠標事件。

儘管z-index較低，我該如何讓跳棋接受鼠標事件？

enter image description here

，如果你不需要爲你的畫布mouseevents，給pointer-events:none;一試。（Relevant SO Question）

2013-03-24 02:04:43 darthmaim

這個伎倆，非常感謝！（我會在9分鐘內接受答案） – 2013-03-24 02:06:16

不錯的答案，不過作爲參考，IE10及以下版本不支持。 – hofnarwillie 2013-07-16 14:30:46

回答