假设我有一个图形效果，想要将其覆盖在HTML文本之上，但这个元素不应影响网站的可用性，它也没有任何交互目的。是否可以禁用特定HTML对象上的所有鼠标交互，例如canvas上的鼠标交互，以便我仍然可以与底层对象进行交互（如点击链接、选择文本等）？
那将很好！
那将很好！
1个回答
24
使用pointer-events:none CSS属性（首先在SVG中实现，正在向HTML发展）可以关闭元素的点击检测。
截至本文撰写时，这是非标准的，并且仅在一部分浏览器中受支持（Firefox和Safari/Chrome，但不包括Opera或IE）。除此之外，没有其他方法可以实现这一点。
这是正在进行中的CSS3参考关于此属性的参考。
另请参阅此问题：CSS pointer-events属性在IE中的替代方法。
- Phrogz
4
谢谢你的提示！我已经检查过了，你是对的，Safari和FF可以做到，Opera不行...我迫不及待地希望这能成为标准！ - rassoh
@Gaggo 欢迎你的加入。由于你是 Stack Overflow 的新用户，请注意，如果你觉得某个回答有用，应该点赞（向上的三角形），并接受（勾选）最佳答案（如果有）。我并不是建议你一定要接受我的答案——特别是当目前的答案都是“不可能”的时候，等待几天看看是否会有更好的答案出现通常是明智的选择——但参与突出好的答案对其他用户、网站、那些捐赠时间的人的声誉以及你自己的声誉都有帮助。 - Phrogz
@ Progz 感谢您的指导，我还不太熟悉这个系统... 您能告诉我在哪里可以激活电子邮件通知，如果有人回复我的帖子吗？ - rassoh
@Gaggo，评论没有电子邮件通知。请参见http://meta.stackexchange.com/questions/42436/email-notification-about-comments/42439#42439。 - Phrogz
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接