Html 有马萨诸塞州各县的SVG地图，想让每个县都可以点击链接到外部页面

我有一张马萨诸塞州的SVG地图，上面列出了几个县（来源可以在这里找到：）。我修改了代码，将

xlink:href

定义包含在

svg

标记中。我在基本HTML文件中使用了SVG，如下所示：

SVG测试

它不起作用的原因是，如果

填充

为

无

，则单击不会注册。尝试使用透明的

填充



自由地图项目
...
...
我试过了，但没有成功。我还尝试在
a
和
path
元素上添加填充，但没有效果。我尝试了，我发现它可以工作，但当我将它应用到svg副本时，它没有任何作用。这是因为源代码中还有其他路径吗？嘿，我想我已经找到了答案-首先我必须按照@jDawg的建议重新填充，但随后我必须将html文件中的标记从
切换到
。使用pointer events=“visible”和not fill=“transparent”。您正在强制UA执行它不需要执行的工作。@matt pointer events=“visible”fill=“none”（您的原始标记中填充了none，您不应该删除它）。