asp.net - 如何在 svg 对象之上保留 html 控件交互？

Question

我有一个 SVG 画布，它应该使我能够在我的 Web 表单上呈现工具，比如量角器。如果我在表单操作 z-index 属性的顶部渲染 SVG 画布，我无法访问我的表单控件，如果我在表单后面渲染 SVG，一旦它从可见区域消失，我就无法访问我的 SVG 对象。以下是图片：

希望问题得到充分描述，如果 SVG 对象正好位于控件顶部，则理想的解决方案是阻止表单控件。

任何帮助表示赞赏。

PS 刚刚发现该页面在 IE 10 上的行为符合预期？！

Answer 1

如果您不需要 SVG 具有任何交互性（单击、鼠标悬停），那么只需为您的 svg 容器添加此 CSS 规则：

#your-svg-container-id {
 pointer-events: none;
}

SVG 将对鼠标指针变得“透明”，您可以安全地将其放在表单上。