html地图区域悬停效果

时间:2013-07-25 12:22:10

标签: html css tags

<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;  
}

1 个答案:

答案 0 :(得分:2)

我认为这不会起作用。你需要的是一个像imagemapster这样的插件 - 它很容易设置和使用,你可以用它做很多非常好的事情。