我可以禁用每个鼠标与画布交互与底层对象的交互？

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指数），则鼠标不应该与它交互。