Css html中的区域形状
onmouse over friends的问题在哪里? 我想在鼠标位于区域形状上时更改颜色Css html中的区域形状,css,html,css-shapes,Css,Html,Css Shapes,onmouse over friends的问题在哪里? 我想在鼠标位于区域形状上时更改颜色 一个区域元素只指定图像的一个区域,使其可点击。它不会为图像的该部分设置任何渲染属性,因此忽略该部分的CSS设置 要在鼠标悬停时更改图像,需要使用JavaScript代码将整个图像替换为另一个图像。真正有帮助的是可以加载实际图像的JSFIDLE。 <img src="demo_usa.png" width="960" height="593" alt="Planets" usemap="#pla
一个
区域
元素只指定图像的一个区域,使其可点击。它不会为图像的该部分设置任何渲染属性,因此忽略该部分的CSS设置
要在鼠标悬停时更改图像,需要使用JavaScript代码将整个图像替换为另一个图像。真正有帮助的是可以加载实际图像的JSFIDLE。
<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>