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图像映射不显示工具提示

1 个答案: