2013-07-25 4 views
1
<img alt="" src="img/Immagini di base NoPain Project/Parti Donna/corpo-donna-fronte.png" width="477" height="672" usemap="#woman-body" id="corpo_d" /> 
<map id="woman-body"> 
    <area shape="rect" coords="260,140,200,50" href="#" id="body_one" /> 
    <area shape="rect" coords="200,150,160,220" href="#" id="body_two" /> 
</map> 

마우스가 두 영역 중 하나 위에있을 때, 영역이 테두리로 강조 표시됩니다.html지도 영역 가리 키기 효과

이것은 CSS이지만 작동하지 않습니다.

area#body_one:hover 
{ 
    border:1px solid #0F0; 
} 
+0

복제본,이 답변 읽기 http://stackoverflow.com/questions/12661124/how-to-apply-hovering-on-html-area-tag – maximkou

+0

하지만 jquery를 사용하고 싶지는 않지만 단순히 CSS – Eliana

답변

2

나는 그렇게 생각하지 않습니다. 당신이 필요로하는 것은 imagemapster과 같은 플러그인입니다. 설정하고 사용하기 쉽고, 정말 좋은 것들을 많이 할 수 있습니다.

+0

그것은 문제를 해결합니다. –

관련 문제