html中的区域形状

时间:2013-11-21 17:31:09

标签: css html5 css-shapes

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

鼠标悬在朋友身上的问题在哪里? 我想在鼠标悬停在区域形状上时更改颜色 非常感谢

1 个答案:

答案 0 :(得分:1)

area元素只指定图像的一个区域,使其可以点击。它没有为图像的那一部分设置任何渲染属性,因此忽略它上面的CSS设置。

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