2013-11-21 10 views
0
<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 над друзьями? Я хочу, чтобы изменить цвет, когда мышь находится над Теа областью формы Thx VERRY многоПлощадь в html

+0

Что действительно помогло бы в jsfiddle, где можно загрузить реальное изображение. –

ответ

1

area элемента только определяет область изображения, что делает его интерактивным. Он не устанавливает никаких свойств рендеринга для этой части изображения, поэтому настройки CSS на нем игнорируются.

Чтобы изменить изображение при наведении курсора мыши, вам необходимо использовать код JavaScript, который заменяет все изображение другим.

Смежные вопросы