이미지 1
영역표시 : IE11 , Chrome68 , Opera54 , Edge
영역히든 : FF61
이미지 2 >> style="border:0; outline:0;"
영역표시 : IE11 , Edge
영역히든 : Chrome68 , FF61 , Opera54
이미지 3 >> onFocus="blur()"
영역표시 : FF61
영역히든 : IE11, Chrome68 , Opera54 , Edge
이미지 4 >> style="outline:0;" onFocus="blur()"
영역표시 : FF61
영역히든 : IE11 , Chrome68 , Opera54 , Edge
아래 이미지는 이미지맵 기능을 이용해 각각 이미지맵 링크를 연결하였습니다.
이미지 1
<img src="imagemap_01.png" usemap="#Map01">
<map name="Map01">
<area shape="rect" coords="50,22,334,308" href="#">
</map>
이미지 2
<img src="imagemap_02.png" usemap="#Map02">
<map name="Map02">
<area shape="rect" coords="14,19,301,308" href="#" style="border:0;">
</map>
이미지 3
<img src="imagemap_03.png" usemap="#Map03">
<map name="Map03">
<area shape="rect" coords="52,8,345,299" href="#" style="outline:0;">
</map>
이미지 4
<img src="imagemap_04.png" usemap="#Map04">
<map name="Map04">
<area shape="rect" coords="15,10,301,299" href="#" style="outline:0;" onFocus="blur()">
</map>