Question

我的页面中有以下代码（嗯，匿名链接已更改）...

<a href="http://www.page1.com" ><img usemap="#termsclickable" src="picture.png"  /></a>

<map id="termsclickable" name="termsclickable">
<area shape="rect" coords="750,376,938,409" target="_blank" href="http://www.page2.com" alt="" title=""    />

</map>

在Chrome和Firefox中，我可以点击矩形坐标以外的任何位置，然后转到第1页，然后在合作伙伴中点击并获取第2页，但在Internet Explorer中，当我点击该数据时，没有任何反应。

奇怪的是，如果我右键单击并点击“打开链接”，它就会起作用。

之前有没有人见过这种奇怪的行为并且知道一个变通方法？或者我的语法可能有问题？

Answer 1

我将回答我自己的问题，以便其他人可以来这里得到答案。

正如@Pete所建议的那样，我需要定义另一个包含整个图像的区域，然后将其列在我的图像映射中....

<a href="http://www.page1.com" ><img usemap="#termsclickable" src="picture.png"  /></a>

<map id="termsclickable" name="termsclickable">
<area shape="rect" coords="750,376,938,409" target="_blank" href="http://www.page2.com" alt="" title=""    />
<area shape="rect" coords="0,0,650,950" href="http://www.page1.com" />

</map>

Answer 2

也许使用'默认'形状。您可以找到相关示例here。

编辑：只需从链接页面复制相关示例：

<area   shape="default"
    nohref="nohref" title="Default" alt="Default"/>

图像映射图像在IE中无法完全点击

2 个答案: