* 개요
- 이미지 맵 클릭시 경계선이 표시되면 어찌됐건 세련되지 못하게 보이는 게 보통이다.
그래서 기존에는 area 태그에 onfocus="this.blur()" 속성을 넣어 주어서 이것을 막았는데,
노가다이기도 하고 보기에도 별로 좋지는 않았다.
그래서 검색을 해 보니 CSS로 간단하게 처리하는 방법이 있었다.
* 해결방법
- 이미지맵을 사용하는 img 태그의 스타일속성에
outline:none 스타일을 추가한다.
- 내가 봤던 레퍼런스에서는 img 태그가 아니라 area 태그에 outline:none을 주어야 한다고 했는데,
그렇게 하니 아무리 해도 되지 않아서 img 태그에 넣어줬더니 되더라.
* 참고 링크
- Removing outline on image map area
- 이미지맵(image map)의 개요
- HTML map tag
- HTML area tag