누구든지 여기에서 도움을받을 수 있습니까? 나는 그 안에 여러 개의 'polygon'영역이 정의되어있는 .png 이미지로 구성된 이미지 맵을 가지고있다.FireFox, Opera, Chrome 및 Safari에서 HTML 이미지 맵의 링크가 작동하지 않습니다.
링크는 IE에서 작동하지만 위에 나열된 다른 브라우저 유형의 경우 링크는 각 다각형 영역에 이미지와 제목 텍스트를 표시하는 것을 제외하고는 아무 작업도 수행하지 않습니다. 다음
이미지 맵에 대한 코드는 다음
<img title = "Concept" border = "0" src = "../images/myMap.png usemap = "#myMap">
<map name = "myMap">
<area shape = "polygon" coords = "315, 230, 545, 415, 260, 575, 10, 700, 10, 285" title = "Rules" href = "#rules" />
<area shape = "polygon" coords = "745, 450, 745, 680, 470, 745, 325, 635, 520, 450" title = "Polling" href = "#polling" />
<area shape = "polygon" coords = "745, 730, 745, 895, 450, 895, 450, 815, 565, 730" title = "Visualisations" href = "#visualisations" />
</map>
모든 링크에 의해 표시된 페이지 영역을 가리 :
<h2><a name = "#rules">Rules</a></h2>
매우 홀수이다.
페이지를 제목 HTML의 버전은 다음과 같습니다
<!DOCTYPE html>
그리고 나는 아무런 영향에 .gif 참고로 이미지의 .jpeg 파일을 시도했습니다. I가 이미지 맵의 링크를 변경하는 경우
는 :
<area shape = "polygon" coords = "315, 230, 545, 415, 260, 575, 30, 441, 315, 230" title = "rules" href = "<c:url value = '/aboutConcept#rules' />" />
나는 사물이 작동하는 찾을 수 있습니다. JSTL 태그를 사용하고 있습니다.
응답자에게 감사드립니다. 문제를 일으킬 수
다각형 중 하나의 영역을 클릭하면 브라우저 막대가 영역의 링크를 표시하지만 브라우저는 링크가 가리키는 페이지 부분으로 점프하지 않습니다. –
@Mr Morgan :''를'''? –