为什么锚标签只能在图像的底部工作？

Question

我无法将图像转换为可点击的链接。该图像是由我们使用的第三方服务生成的图表。功能图像可以在这里看到：

http://jsfiddle.net/3jMdW/（请注意，我已将图片托管在imgur上，否则您将无法看到它。）

我遇到的问题是链接似乎只能在Firefox的图像底部边缘工作。如果我单击图像中间的任何位置，则链接不起作用（即使手形图标可见）。如何解决此问题，以便单击图像中的任何位置可激活链接请求。

请注意，图片中有许多额外的HTML（脚本/标签）。这是因为图表服务将图表映射到其数据点以用于悬停信息。客户已经特别要求这样做，所以我无法将其删除。

Answer 1

将href个属性添加到<area>个元素中。

Answer 2

修改图表模板以删除不属于<img />标记的所有内容。