html - HTML图像映射代码

Question

您好，我之前已经正确创建了一个图像地图，但这次我不知道我做错了什么，我知道我没有放置 URL，但这没关系，当我将鼠标悬停在我想要的地图部分时没有看到鼠标切换到可点击的外观，在此先感谢！

<img src="cities.png" width="900" height="950" border="2" usemap="#places">
<map name="places">
<area shape="circle" coords="1445,690,23" href="">
<area shape="poly" coords="1118,887,1144,874,1175,893,1164,857,1189,840,1157,835,1146,802,1135,836,1102,837,1126,858,1126,861,1126,862" href="">
<area shape="circle" coords="1098,906,24" href="">
<area shape="circle" coords="408,1101,24" href="">
<area shape="circle" coords="356,987,24" href="">
</map>

Answer 1

您提供的形状的坐标似乎超出了图像本身的范围。

这些是区域标签的“坐标”属性内的值。

如果这仍然不能解决您的问题，您可能需要使用 CSS 将光标更改为指针。

area {
    cursor: pointer;
}