假设我有一个图形效果,想要将其覆盖在HTML文本之上,但这个元素不应影响网站的可用性,它也没有任何交互目的。是否可以禁用特定HTML对象上的所有鼠标交互,例如canvas上的鼠标交互,以便我仍然可以与底层对象进行交互(如点击链接、选择文本等)?
那将很好!
那将很好!
使用pointer-events:none
CSS属性(首先在SVG中实现,正在向HTML发展)可以关闭元素的点击检测。
截至本文撰写时,这是非标准的,并且仅在一部分浏览器中受支持(Firefox和Safari/Chrome,但不包括Opera或IE)。除此之外,没有其他方法可以实现这一点。
这是正在进行中的CSS3参考关于此属性的参考。
另请参阅此问题:CSS pointer-events
属性在IE中的替代方法。