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

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

我正在尝试使用 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>

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

我在地图标签中添加了一个 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 底部。