Question

我在html中使用<map>。我在地图上定义了一些区域。我为每个区域创建了一个单独的页面。我想在将鼠标悬停在该区域时添加类似任何指示的东西，是否可以这样做。

<img src="images/Plan_ai-final.png" width="300px" height="450px" usemap="#planmap">
        <map name="planmap">
           <area shape="circle" coords="112,402,5" alt="View 1" href="view1.html">
           <area shape="circle" coords="247,350,5" alt="View 2" href="view2.html">
           <area shape="circle" coords="284,188,5" alt="View 3" href="view3.html">
           <area shape="circle" coords="272,42,5" alt="View 4" href="view4.html">
        </map>

Answer 1

为每个区域提供ID：＆lt; area id =“first”＆gt;等等。并添加悬停。 #first：悬停{您的更改}

Answer 2

在这里可以使用Z-index属性。然后，您可以为每个区域提供ID，并在CSS中使用相同的ID进行悬停。

在HTML中导航地图

2 个答案: