테스트 사이트 - 개발 중인 베타 버전입니다

area shape 영역설정 채택완료

느랴느바 10년 전 조회 2,170

<img src="http://road13460075.cafe24.com/data/editor/1509/acc782e22325ebdf4f0ac237387840fb_1442896872_7052.jpg">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>

 

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

 

 

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

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

 

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

답변 1개

채택된 답변
+20 포인트
포이치
10년 전

</p><p><area shape="rect" coords="740,0,805,37" href="/bbs/board.php?bo_table=tulip" onfocus="this.blur()"> </p><p><span style="color: rgb(72, 72, 72); font-family: 돋움, Dotum, sans-serif; font-size: 14.004px; letter-spacing: -0.01px; line-height: 25.2072px;">

 

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

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

로그인 후 평가할 수 있습니다

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

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

로그인