<img> tag outline none 시키기 ie에서도 먹음 (ie working)
web/jquery&javascript2017. 2. 15. 14:36
이미지 내부에 링크를 여러개 걸기 위해서 map을 이용해 링크를 걸면... 안타깝게도 삐뚤빼뚤한 링크가 잡힙니다.
보기 안타깝죠,
이걸 없애기 위해서 아래와 같이 하면 됩니다.
css
=================================
<style>
map area:focus, map area:active {outline: none; border:0; }
</style>
html
=================================
<div class="sub_img"><img src="/sub/17_img.png" alt="조직도" usemap="#Map"/></div>
<map name="Map" id="Map">
<area alt="" title="" href="#null" shape="poly" coords="377,0,353,10,333,44,333,65,358,91,382,98,419,79,429,50,420,21,404,7" />
</map>
요 정도 하면 익스를 제외하고 다 먹어요 근데, 익스만... 위 이미지 처럼 또렷히 나옵니다.
방법은
div class="sub_img"><img src="/sub/17_img.png" alt="조직도" usemap="#Map" hidefocus="true"/></div>
요고를 넣으면 싹 사라집니다.
이상 끝
'web > jquery&javascript' 카테고리의 다른 글
jcarousel로 썸네일 이미지 슬라이드 만들기 (EN) slider jquery with thumbnail jcarousel (0) | 2017.04.12 |
---|---|
jquery checkbox checked (0) | 2017.04.07 |
<img src="~~~"> 내부에 링크 걸기 (0) | 2017.02.15 |
브라우저확대 / how to zoom browser ie, another browsers (0) | 2017.02.15 |
[javascript] date 넣고 period 넣고! 기준 날짜에서 몇일 이후에 date가 무엇인지 알려줌! (0) | 2016.04.14 |