html中的区域形状答案

【问题标题】：Area shape in htmlhtml中的区域形状
【发布时间】：2015-05-06 17:44:54
【问题描述】：

   <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 超过朋友的问题在哪里？当鼠标悬停在区域形状上时，我想更改颜色非常感谢

【问题讨论】：

真正有用的是一个可以加载实际图像的 jsfiddle。

标签： css html css-shapes

【解决方案1】：

area 元素仅指定图像的一个区域，使其可点击。它没有为图像的该部分设置任何渲染属性，因此其上的 CSS 设置将被忽略。

要在鼠标悬停时更改图像，您需要使用 JavaScript 代码将整个图像替换为不同的图像。

【讨论】：