带孔的html区域标记

Question

我在使用map & area标签时遇到的问题是，我还没有找到一个解决方案来解决这个区域中有“洞”的问题，例如，想象一下地图上有一个湖，你不想让那个区域可点击。

示例代码：

http://jsfiddle.net/WbKqS/

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

Answer 1

超文本标记语言的area不支持有洞或多组coords，所以你需要一个变通的办法。

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

​

​

Answer 2

我不认为这是一个好主意来开发这个使用区域地图。我会使用Raphael。使用拉斐尔的map示例

Answer 3

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