带孔的html区域标记

我有关使用地图&区域标记的问题是，我还没有找到解决该区域出现“漏洞”的解决方案，例如想象地图上的湖泊，您不想要该区域可点击。带孔的html区域标记

示例代码：

在这个例子中我已经放置3个湖泊在地图上，但我不想要的湖泊有hovereffect /被点击，这可能吗？也许用另一种技术？

有趣的问题，我期待着看到答案！ – Undefined 2011-12-21 10:06:37

HTML area s不支持有孔或多套coords，所以您需要采用一种解决方法。

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

area with fake hole

2011-12-21 11:23:45

这是一个想法，但它可能隐藏在形状的“结尾”线？所以它看起来像一个坚实的形状。 – 2011-12-21 11:26:43

我的初始图很容易让人误解，我已经更新了它。 – 2011-12-21 11:40:46

这是一个好主意，但不知怎的，它有可能有一个边框吗？在内部和外部？ – 2011-12-21 13:44:05

您可以在湖泊上放置其他“隐藏”（div）元素，防止悬停效果被触发。缺点是元素的形状（正方形）。使用画布可能是一个解决方案，但并非所有的浏览器都支持它。

2011-12-21 11:04:50

我不认为这是该下发展利用区域地图是一个好主意。我会用Raphael代替。一个map拉斐尔的例子

2011-12-29 20:17:19 defau1t

回答