html中的区域形状

Question

<img src="demo_usa.png" width="960" height="593" alt="Planets" usemap="#planetmap"> 
     <map name="planetmap"> 
     <area shape="rect" coords="0,0,82,126" alt="Sun" href="#"onmouseover="this.style.backgroundColor='#00FF00';" 
     onmouseout="this.style.backgroundColor='transparent';"/> 
    </map> 

onmouse over friends的问题在哪里？ 我想改变颜色，当鼠标在特亚区域形状 THX柠多

Answer 1

area一种元素只指定了一个图像的区域，使其可点击。它没有为图像的那部分设置任何渲染属性，所以CSS上的设置将被忽略。

若要在鼠标悬停时更改图片，您需要使用JavaScript代码替换整个图片。