带孔的html区域标记

关于使用map&area标签，我遇到的问题是，我无法找到在该区域存在“洞”的解决方案，例如，假设地图上有一个湖泊，您不希望该区域可以单击

示例代码：

---

在本例中，我在地图上放置了3个湖泊，但我不希望这些湖泊具有悬停效果/可点击，这可能吗？也许用另一种技术？

你可以在湖面上放置其他“隐藏”（div）元素，防止触发悬停效果。缺点是元素的形状（正方形）。使用canvas可以解决这个问题，但并非所有浏览器都支持它

HTML

area

s不支持有洞或多组

coords

，因此您需要采取一种解决方法

基于以下所示方法的解决方案如何

---

我认为使用区域地图来开发此功能不是一个好主意。我会用它来代替。拉斐尔的一个例子我希望它是这样的，但现在不行了。尝试改用SVG格式。这就是可伸缩矢量图形技术。如果愿意，SVG支持孔和多个形状或孤岛。 希望这有帮助，它在Firefox中帮助了我。

---

如果该方法失败，我将研究使用

标记。

有趣的问题，我期待看到答案！这是一个想法，但是是否有可能隐藏形状“末端”的线条？所以它看起来像一个实体形状。这是一个好主意，但它周围有没有可能有一个边界？在内部和外部？不是用这种方法，不。但是你可以有两个地图图像的副本；一个处于“正常”状态，一个有边界。您需要在鼠标上方显示带有边框的图像。为了获得流畅的用户体验，您可能希望预加载带边框的地图，或者使用CSS精灵。但是，如果这样做，您将不再需要使用maphighlight。