【问题标题】:Image maps not working in any browser图像地图在任何浏览器中都不起作用
【发布时间】:2014-12-24 00:05:08
【问题描述】:

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

<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>

【问题讨论】:

  • 欢迎来到 Stack Overflow。这不是在这里提问的好方法。到目前为止,您是否尝试过任何方法来解决您的问题?首先展示你的努力,这样人们就可以展示他们的努力。请先阅读FAQHow to Askhelp center

标签: html image google-chrome firefox imagemap


【解决方案1】:

我的猜测是你指定的多边形只有 2 个点,这将导致没有区域可以点击...... 我希望矩形可以工作,因为您为该矩形指定了 2 个点。 如果将它们全部更改为 rect 或向多边形添加其他点会怎样?

【讨论】:

  • 有效!对我来说这是一个愚蠢的错误。谢谢你:)
猜你喜欢
  • 2011-07-09
  • 1970-01-01
  • 2017-04-20
  • 2011-04-24
  • 2017-06-26
  • 1970-01-01
  • 1970-01-01
  • 2014-06-13
  • 2017-04-19
相关资源
最近更新 更多