다른 브라우저의 이미지 맵 좌표

Question

이미지 맵에서 이미지 좌표를 정의하려고합니다. 이미지 좌표는 다른 페이지에 대한 링크입니다. 이제 내가 직면하고있는 문제는 좌표의 위치가 상대적이지 않다는 것입니다.

이미지가 다른 브라우저 또는 다른 화면 크기에 있으면 좌표가 유지되지 않습니다. 이미지의 특정 위치에 있던 링크가 이제 다른 이미지 위치에 있음을 의미합니다.

어디서나 브라우저 크기 나 이미지 크기로도 좌표 위치가 변경되는 상대 위치를 지정할 수있는 코드를 제공 할 수 있습니까?

COORDSCALE "50 %, 50 %"와 같은 비율 태그를 사용하려고했지만 Area 태그의 잘못된 속성처럼 보입니다. 이 COORDSCALE = "ABSOLUTE | RELATIVE"조차도 작동하지 않습니다.

우선 이들 속성이 올바른가요? 상대 위치 지정의 가능성이 있습니까? 모든 CSS 또는 Javascript 코드는 훌륭합니다.

Answer 1

상대 위치가있는 div로 이미지를 감싸십시오. 그 안에는 절대적으로 배치 된 요소를 사용하여 imagemap이해야 할 것과 똑같은 것을 모방합니다.

Google 기술에 대한 자세한 정보는 "CSS 이미지 맵"을 참조하십시오.