带覆盖/工具提示的HTML图像映射

问题描述 投票:-2回答:1

我曾尝试在title中使用HTML image map。它的工作原理,但我希望有一个更大的弹出或叠加。有人在tooltip/overlay上的HTML image map上有编码示例吗?

html tooltip overlay imagemap
1个回答
0
投票

这可能会有所帮助:

<!DOCTYPE html>
        <html>
        <body>
        
        <p>Click on the sun or on one of the planets to watch it closer:</p>
        
        <img src="https://drive.google.com/uc?id=18roW6-rCYtpxhRE91wt6YimBJ5k0h7jZ" width="145" height="126" alt="Planets" usemap="#planetmap">
        
        <map name="planetmap">
          <area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.htm">
          <area shape="circle" coords="90,58,3" alt="Mercury" href="mercur.htm">
          <area shape="circle" coords="124,58,8" alt="Venus" href="venus.htm">
        </map>
        
        </body>
        </html>
© www.soinside.com 2019 - 2024. All rights reserved.