【发布时间】：2013-07-30 17:58:18
【问题描述】：
我正在编写一些 HTML，以便可以使用 HTML SVG 和 PATH 标签绘制贝塞尔曲线。我的曲线非常好，现在我想添加一个功能，如果用户将鼠标悬停在曲线上，我会更改颜色。但实际情况是 SVG 创建了一个包含路径的大框，它会捕获所有点击。它基本上阻挡了它下面的一切，即使在路径不存在的区域也是如此。想象一下，路径从左下角到右上角，有人点击左上角（那里是空的，但我有一个按钮）。该点击没有通过。
我意识到在 CSS 中我可以添加一个指针事件：无；行，这使我可以完全单击 SVG，但这会完全禁用 SVG。
所以问题是，有没有一种方法可以让我获得一条路径（具有大笔划宽度）来捕捉点击并允许点击在路径不存在的区域通过？
mj
【问题讨论】：
-
您的目标是 HTML 元素并且您正在覆盖 SVG？
-
SVG 直接附加到 DIV。
-
哈哈，老问题，但我认为路径标签上的
pointer-events="visibleStroke"应该适用于这种情况。