2011-05-10 3 views
0

이미지 맵에 관한 질문이 있습니다. 지금은 내가 CSS에서 맵 이름 내용을 추가 할 수있는 방법이이CSS에 이미지 맵을 추가하는 방법은 무엇입니까?

<img src="images/friends.png" usemap="#guys" /> 
<map name="guys"> 
      <area shape="rect" coords="6,1,12,14" alt="Jason" 
       href="http://www.jason.com" /> 
      <area shape="rect" coords="19,2,38,15" alt="jay" 
       href="http://www.jay.com" /> 
     </map> 

같은 이미지 맵을 어느 정도 사용 내 .xhtml 페이지에서 이미지가? 그것은 가능한가?

감사

+0

왜 지구상에서 이미지지도를 사용하고 있습니까? –

+0

내 질문이 img 태그로 업데이트되었습니다. 당신이 CSS로 나를 도울 수 있다면 그것은 좋을 것입니다. 감사합니다 오스카 – Jay

+0

CSS로 을 타겟팅 할 수 있는지 묻고 있습니까? – Todd

답변

2

이미지 맵은 과거 시대에서 취한 조치입니다. HTML 5 캔버스 물건은 당신이 그 봉투를 밀 수 있다면 갈 방법입니다. 당신이 할 수 없다면, 우리가 과거에 한 일은 이미지 위에 블럭으로 표시되는 블랭크 앵커 태그를 배치하는 것입니다. 이미지 맵보다 잘 작동합니다. 특히 맵에서 팝업과 같은 항목에 사용하는 경우 더욱 그렇습니다.

+0

+1 와이어트, 내가 제안하려고했던 것입니다. – Town

+0

왜 imagemap을 사용하는 것보다 앵커를 이미지 위에 두는 것이 좋습니까? 기껏해야, 똑같은 일을합니다. 그리고 제가 아는 한, 당신은 이미지 맵과는 달리 직사각형의 핫스팟으로 제한 될 것입니다. imagemap 없이도 똑같은 것을 달성 할 수있는 확실한 방법이 있습니다. 벡터 데이터 테이블을 유지하고 클릭 또는 마우스 오버시 수행 할 작업을 직접 파악할 수 있습니다. 그렇다면 내장 된 구문을 사용하지 않는 것이 좋습니다. 이미 당신이해야 할 일을합니까? 간단하고 모든 브라우저에서 작동합니다. –

관련 문제