一张图片多个链接(影像地图)

最新推荐文章于 2021-06-03 02:31:16 发布

原创最新推荐文章于 2021-06-03 02:31:16 发布 · 669 阅读

1 ·

CC 4.0 BY-SA版权

本文深入探讨了网页中使用图片作为交互元素的技术实现方式，特别是如何通过定义热点区域来实现不同部分的链接跳转。文章详细解释了HTML中<img>标签与<map>和<area>标签的结合使用方法，使读者能够理解并掌握这一实用技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<div id="divImg" style="position:absolute; z-index:1000;">
   <img src="./../.." alt="****" usemap="#planetMap" style="border:none;"/>
   <map name="planetMap" id="planetMap">
       <area target="_blank" style="outline:none;" shape="rect" coords="18,49,121,100" href="./../.." alt="" title="****" />
       <area target="_blank" style="outline:none;" shape="rect" coords="3,101,120,131" href="./../.." alt="" title="****" />
   </map>
</div>