为什么定位标记仅在图像底部起作用？

Question

I'm having difficulty turning an image into a clickable link. The image is a chart that's generated by a 3rd party service that we use. The functional image can be seen here:

http://jsfiddle.net/3jMdW/ (please note that I've hosted the image on imgur because otherwise you won't be able to see it.)

The problem I'm having is that the link only seems to work along the bottom edge of the image in Firefox. If I click anywhere in the middle of the image, the link doesn't work (even though the hand icon is visible). How can I fix this so that clicking anywhere in the image activates the link request.

Just to note, there is a lot of extra HTML (scripts/tags) associated with the image. This is because the charting service maps a chart to its data points for hover-over info. The client has asked for this specifically so I can't remove it.

Answer 1

将href属性添加到您的<area>元素。

Answer 2

修改图表模板以删除不属于<img />标记的所有内容，从而解决了此问题。