이전 목록 다음
채택완료

area shape 영역설정

2015-10-05 (월) 18:04:42 2,392

<img src="http://road13460075.cafe24.com/data/editor/1509/acc782e22325ebdf4f0ac237387840fb_1442896872_7052.jpg" style="border:0;" width="100%" usemap="#sub_studio_서울01.jpg">

<map name="sub_studio_서울01.jpg">

    <area shape="rect" coords="170,2,226,37" href="/bbs/board.php?bo_table=iris">

    <area shape="rect" coords="243,1,340,39" href="/bbs/board.php?bo_table=lavender">

    <area shape="rect" coords="355,1,425,39" href="/bbs/board.php?bo_table=peony">

    <area shape="rect" coords="440,1,515,40" href="/bbs/board.php?bo_table=poppy">

    <area shape="rect" coords="530,0,595,38" href="/bbs/board.php?bo_table=rose">

    <area shape="rect" coords="610,0,725,38" href="/bbs/board.php?bo_table=sunflower">

    <area shape="rect" coords="740,0,805,37" href="/bbs/board.php?bo_table=tulip">

</map>

</div>

이런식으로 영역설정을 해서 만들었는데 850cfe92503371faeac37f4187580191_1443746793_623.png 

IRIS LAVENDER ... 등 저 부분을 영역을 잘라서 클릭할수있게 만들었는데 클릭하면 저런식으로 

파란색 박스가 생깁니다. 클릭하고 나면 없어지긴 하는데 클릭할때 생겨요.. 왜그런건가요?

답변 1개

채택된 답변
+20 포인트
Copy
<area shape="rect" coords="740,0,805,37" href="/bbs/board.php?bo_table=tulip" onfocus="this.blur()">

 

이렇게 onfocus="this.blur()" 추가해줘보세요.

구글에서 이미지맵 테두리로 검색하면 더 많은 정보를 얻을수있습니다.

답변을 작성하려면 로그인이 필요합니다.