更改图像映射的颜色

Question

如何更改映射选择（区域）的颜色？ 这个css：＆＃34;区域{background-color：red; }＆＃34;不起作用。

<img id="map1" src="images/bg.png" usemap="#map1" />
    <map name="map1">
        <area shape="poly" onclick="openNav()" shape="poly" coords="902,516,936,496,940,535"/>
    </map>

悬停会很好，但只是到达它并改变背景是一个好的开始。

Answer 1

区域标记必须具有与之关联的图像。你不能只为它设置背景颜色。

您可以拥有所需颜色的普通图像，并将其放置在区域标记的href属性中。

Answer 2

请检查以下代码是否有效：

<area shape="poly" onclick="openNav()" class="poly" coords="902,516,936,496,940,535"/>

在css中，请进行更改：

.poly {
      backgroundColor = red;
}

检查一下是否有效。我没有运行代码。