html地图区域悬停效果

Question

<img alt="" src="img/Immagini di base NoPain Project/Parti Donna/corpo-donna-fronte.png" width="477" height="672" usemap="#woman-body" id="corpo_d" />
<map id="woman-body">
    <area shape="rect" coords="260,140,200,50" href="#" id="body_one"  />
    <area shape="rect" coords="200,150,160,220" href="#" id="body_two" />
</map>

当鼠标在两个区域之一上时，我希望该区域被边框突出显示。

这是css，但它不起作用。

area#body_one:hover
{
    border:1px solid #0F0;  
}

Answer 1

我认为这行不通。你需要一个像 imagemapster 这样的插件——它很容易设置和使用，你可以用它做很多非常好的事情。