이미지맵 영역 링크 흔적 지우기 > 기술자료 | 해피정닷컴

이미지맵 영역 링크 흔적 지우기 > 기술자료

본문 바로가기

사이트 내 전체검색

이미지맵 영역 링크 흔적 지우기 > 기술자료

HTML 이미지맵 영역 링크 흔적 지우기

페이지 정보


본문

이미지맵에 링크를 연결후 클릭하면 영역이 표시됩니다.
그것을 제어한는 방법을 정리해봅니다.
우선 https://www.happyjung.com/demo/css/imagemap.html 에서 적용된 모습을 확인하세요

브라우저에 따라서 다르게 표시되는 것을 알수 있습니다.
특히 FireFox 만 유독 다르게 표시되는 것을 해결할 방법을 아직 찾지 못하였습니다.

우선 IE, Edge, Chrome, Opera 에서 적용가능한 방법을 안내해드립니다.
onFocus="blur()" 를 적용하거나, style="outline:0;" 를 사용하면 영역표시없이 깔끔한 연결이 가능합니다.


1. onFocus="blur()" 활용하기

<img src="이미지" usemap="#Map">
<map name="Map">
<area shape="rect" coords="15,10,301,299" href="#" onFocus="blur()">
</map> 


2. style="outline:0;" 활용하기

<img src="이미지" usemap="#Map">
<map name="Map">
<area shape="rect" coords="15,10,301,299" href="#" style="outline:0;">
</map> 


3. onFocus="blur()" 와 style="outline:0;" 둘다 사용하기

<img src="이미지" usemap="#Map">
<map name="Map">
<area shape="rect" coords="15,10,301,299" href="#" style="outline:0;" onFocus="blur()">
</map> 


참고자료
https://homzzang.com/b/html-57
 

댓글목록

등록된 댓글이 없습니다.


Total 2,634건 19 페이지
  • RSS
기술자료 목록
2274
MySQL   7523  2018-10-02 22:55 ~ 2018-10-02 22:58  
2273
PHP   10796  2018-09-30 15:07 ~ 2018-09-30 15:53  
2272
그누보드   9626  2018-09-27 23:56 ~ 2022-10-22 17:56  
2271
그누보드   8288  2018-09-27 22:01 ~ 2018-09-27 22:40  
2270
그누보드   12284  2018-09-22 01:04 ~ 2023-04-13 16:11  
2269
그누보드   8056  2018-09-21 19:28  
2268
그누보드   9496  2018-09-15 08:08 ~ 2022-04-21 03:02  
2267
전자결제   19464  2018-09-14 05:59 ~ 2020-09-08 23:29  
2266
전자결제   8705  2018-09-14 04:57 ~ 2018-09-14 04:58  
2265
전자결제   9125  2018-09-12 14:17 ~ 2019-03-21 17:04  
2264
일반   11771  2018-08-31 18:10 ~ 2018-09-14 20:50  
2263
HTML   7782  2018-08-30 15:47 ~ 2022-02-08 12:07  
2262
그누보드   7944  2018-08-30 10:41 ~ 2018-08-30 10:48  
2261
PHP   6589  2018-08-29 03:21 ~ 2018-08-29 17:13  
2260
JavaScript   11404  2018-08-28 18:49 ~ 2022-06-13 22:38  
2259
HTML   11070  2018-08-27 14:33 ~ 2021-07-25 18:16  
2258
HTML   13800  2018-08-26 14:07  
2257
일반   8309  2018-08-22 13:17  
2256
PHP   9115  2018-08-20 15:51  
열람
HTML   8845  2018-08-18 05:37  

검색

해피정닷컴 정보

회사소개 회사연혁 협력사 오시는길 서비스 이용약관 개인정보 처리방침

회사명: 해피정닷컴   대표: 정창용   전화: 070-7600-3500   팩스: 042-670-8272
주소: (34368) 대전시 대덕구 대화로 160 대전산업용재유통단지 1동 222호
개인정보보호책임자: 정창용   사업자번호: 119-05-36414
통신판매업신고: 제2024-대전대덕-0405호 [사업자등록확인]  
Copyright 2001~2024 해피정닷컴. All Rights Reserved.