图像映射无法在任何浏览器中运行

时间:2014-10-28 14:24:55

标签: html image google-chrome firefox imagemap

我似乎无法让图像映射正常工作,我不知道出了什么问题。有人可以帮忙吗?

<img src="http://i.imgur.com/PJqtHll.jpg" width="742" height="798" border="0" alt="image" usemap="#Map" /> <map id="Map" name="Map">
<area shape="poly" coords="57,462,198,761" href="http://www.avery.ca/avery/en_ca/Products/Labels/Mailing-Labels/2up-White-Laser-Shipping-Labels_05126.htm" />
<area shape="poly" coords="222,462,363,762" href="http://www.avery.ca/avery/en_ca/Products/Labels/Mailing-Labels/LBL-LRS-4X2-PERM-WE_05163.htm" />
<area shape="poly" coords="382,460,522,766" href="http://www.avery.ca/avery/en_ca/Products/Labels/Mailing-Labels/Lbl-Lsr-4X-3_1-3-Perm-White_05164.htm" />
<area shape="poly" coords="540,458,687,763" href="http://www.avery.ca/avery/en_ca/Products/Labels/Mailing-Labels/LBL-LSR-WE-SHIP-5X3_.5-100SHT_05168.htm" />
<area shape="poly" coords="600,346,692,384" href="http://www.avery.ca/avery/en_ca/Help-Centre/Quick-Help/Avery-Design-and-Print-Online/How-to-Mail-Merge-using-Avery-Design--Print-Online.htm" />
<area shape="rect" coords="599,165,689,205" href="http://www.avery.ca/avery/en_ca/Project-%26-Ideas/Ideas-for-Work/Mailing/Articles/Think-Outside-the-Box.htm" />
<area shape="poly" coords="32,324,173,379" href="http://www.avery.ca/print" />
</map></center>
</body>
</html>

1 个答案:

答案 0 :(得分:1)

我的猜测是你指定只有2个点的多边形,这将导致无法点击的区域...... 我希望矩形可以工作,因为你为那个指定了2个点。 如果将它们全部更改为rect或将其他点添加到多边形会发生什么?