HTML 图像映射不显示工具提示

Question

我的图片在网页上显示正常。但是，将鼠标悬停在图像的任何部分上时，工具提示中只会显示第一个区域标题。其他区域不会显示。这是我的 html。

<html>

<map name="eyfsplayarea">
  <area shape="circle" coords="930,300,70" alt="The Mud Kitchen and Digging Zone" title="The Mud Kitchen and Digging Zone">
  <area shape="circle" coords="790,200,50" alt="The Niagara Channelling System, Water Table and Water Wall" title="The Niagara Channelling System, Water Table and Water Wall">
  <area shape="circle" coords="890,180,20" alt="The Sand Tray" title="The Sand Tray">
  <area shape="rect" coords="323,150,850,100" alt="A Sheltered Covered Area Linked to the Building" title="A Sheltered Covered Area Linked to the Building">
  <area shape="circle" coords="600,200,40" alt="A Roadway, Numeracy and Literacy Zone" title="A Roadway, Numeracy and Literacy Zone">
  <area shape="circle" coords="400,300,70" alt="Physical Development and Role Play Zone" title="Physical Development and Role Play Zone">
  <area shape="circle" coords="690,300,90" alt="Physical Development and Role Play Zone" title="Physical Development and Role Play Zone">
  <area shape="circle" coords="246,612,104" alt="The Storytellers Chair, Phonics and Mark Making Zone" title="The Storytellers Chair, Phonics and Mark Making Zone">
  <area shape="circle" coords="244,190,54" alt="Role Play House with Chalkboard" title="Role Play House with Chalkboard">
  <area shape="circle" coords="593,615,105" alt="Den Posts" title="Den Posts">
  <area shape="circle" coords="1360,619,93" alt="The Language Lounge" title="The Language Lounge">
</map>

<img src="/EYFS-Outdoor-Play-and-Learning2.jpg" width="1621" height="725" alt="EYFS Play and Learning" usemap="#eyfsplayarea">

</html>

Answer 1

这个问题的答案是图像映射中的 circle 个区域具有三个值，x 位置、y 位置和圆的 radius。在编辑之前它们与矩形的参数数量相同，后来它们的半径值比源图像大。

HTML 图像映射不显示工具提示

HTML Image Map Not Displaying Tooltips

html

imagemap

tooltip