我可以禁用每個鼠標與畫布交互與底層對象的交互？

Question

比方說，我有一個圖形效果，我想要覆蓋HTML文本。這個元素不應該干擾網站的可用性，它不會有任何互動的目的。 是否有可能禁用某個HTML對象上的所有鼠標交互，例如在畫布上，以便我仍然可以與底層對象進行交互（點擊鏈接，選擇文本......）？

這將是偉大的！

Answer 1

使用pointer-events:none CSS property（在SVG中首次實現，在通往HTML的途中）允許您關閉元素的命中檢測。

在編寫本文時這是非標準的，只在瀏覽器的一個子集中受到支持。 （Firefox和Safari/Chrome，但不是Opera或IE。）除此之外，沒有辦法做到這一點。

這是該屬性的in-progress CSS3 reference。

另請參閱此問題：CSS pointer-events property alternative for IE。

Answer 2

否 - 如果元素在上方繪製（較高Z指數），則鼠標不應該與它交互。