如何在imagemap上实现标签弹出答案

【问题标题】：how to achieve label popups on imagemap如何在imagemap上实现标签弹出
【发布时间】：2010-10-16 07:13:37
【问题描述】：

这是我第一次在 html 中使用 map 标签。我假设在我想要的图像上获取标签是“反复试验”

当用户将鼠标悬停在图像的“可点击”部分时，是否可以有一个工具提示类型标签？更酷的是漫画书风格的工具提示:)

有什么想法吗？

【问题讨论】：

标签： html css

【解决方案1】：

<area .... title="koko" style="cursor: default;" />

您可以采用任何您想要的光标形状，只需 google “css cursor”。 title 属性会给你一个关于该区域的小型浮动描述。

【讨论】：

【解决方案2】：

给你 - 一些示例代码：

<map name="planetmap">
  <area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun" />
  <area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury" />
  <area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus" />
</map>

【讨论】：

我也看到了，但是它没有'title'属性，它会在鼠标悬停时显示标签。
Alt 标签应该有助于解决这个问题。
alt 属性在图像未加载时发挥作用