HTML 图像地图无法正常工作 - 图像显示，但没有 link

Question

我正在尝试使用 wordpress 中的原始 HTML 在图像的左下角区域创建一个带有矩形可点击区域的图像映射。

当我使用下面的代码时图像出现了，但是图像的任何部分都不可点击。

<img class="partners-list" width="1000" height="400" src="/wp-content/uploads/partners.png" alt="Partners" usemap="#partners" />

<map name="partners">
  <area alt="partner1" href="#" coords="126,236,462,350" shape="rect">
</map>

我不确定我做错了什么，如果有任何帮助，我将不胜感激！

Answer 1

我在地图标签中添加了一个 id，就像这样，它正在为我服务：

<img class="partners-list" width="1000" height="400" src="/wp-content/uploads/partners.png" alt="Partners" usemap="#partners" />

<map name="partners" id="partners">
  <area alt="partner1" href="http://www.google.com" coords="126,236,462,350" shape="rect">
</map>

根据您设置坐标的方式，图像的可点击部分位于地图的 left/middle 底部。

HTML 图像地图无法正常工作 - 图像显示，但没有 link

HTML Image map not functioning - the image shows up, but no link

html

wordpress

imagemap