html map area hover effect

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這樣的插件 - 設置和使用起來非常簡單，你可以用它做很多非常棒的事情。