带孔的html区域标签

Question

我使用地图＆amp;区域标签是我无法找到解决方案，在该区域有“洞”，例如想象一个地图上的湖，你不希望该区域可点击。

示例代码：

http://jsfiddle.net/WbKqS/

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

Answer 1

HTML area不支持拥有漏洞或多套coords，因此您需要采用解决方法。

基于下面说明的方法的解决方案怎么样？

Answer 2

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

Answer 3

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

Answer 4

我希望它能以这种方式发挥作用，但现在还没有。请尝试使用SVG格式。这是可扩展的矢量图形技术。如果你愿意，SVG支持孔和多个形状或岛屿。 希望这有帮助，它帮助我在Firefox中。 如果该方法失败，我会考虑使用<canvas>标记。