2014-07-18 1 views
0

이미지 맵을 html로 만들려고하고 있는데 어떤 이유로 작동하지 않습니다.Html 이미지 맵

내 코드 :

<img id="Image map" src="Koala.jpg" border="0" usemap="#koala" alt="" /> 
    <map id="koala"> 
     <area shape="rect" coords="438,370,552,583" href="http://www.google.com/" alt="Koala nose"> 
    </map> 
</ol> 

네, 정렬 된 목록 안에, 즉 아무것도에 기여하는 것입니다 있는지 확실하지 않습니다.

이미지 나는 (Koala.jpg)를 참조하고는 여기에 있습니다 : http://i.imgur.com/bZHlxCg.jpg

코알라가 전혀 바로 클릭 할 수 없습니다 제외하고 내가 html로 모든 것을이 파일을 실행하면.

+0

나에게 확인을 보이는 - 코가 이상한 – RichTea

+0

클릭 http://jsfiddle.net/euB4E/입니다 ... 나를 위해 작동하지 않습니다. 어떤 브라우저를 사용하고 있습니까? –

+0

지도 이름에 문제가있는 것 같습니다. 아래 내 대답을 참조하십시오. – RichTea

답변

0

너무 일을 크롬과 사파리의 ID 외에 name="koala" 추가 - http://jsfiddle.net/L4kUm/

<img id="Image map" src="http://i.imgur.com/bZHlxCg.jpg" border="0" usemap="#koala" alt="" /> 

<map id="koala" name="koala"> 
<area shape="rect" coords="438,370,552,583" href="http://www.google.com/" alt="Koala nose"> 
</map>