웹이나 블로그에서 링크를 클릭시 점선으로 된 테두리가 생기는 현상이 나타납니다.
이런 현상은 외관상으로도 별로 보기 안좋습니다.

이 점선 테두리를 없에는 방법중에서도 일일이 링크마다 소스를 삽입하지 않고 한번에 제거할수 있는
스크립스 소스가 있네요.

<script language="JavaScript">
function bluring(){
if(event.srcElement.tagName=="A"||event.srcElement.tagName=="IMG") document.body.focus();
}
document.onfocusin=bluring;
</script>

위의 소스를 <head> 와 </head> 사이에 삽입하면 됩니다.

다른 방법은 style.css 에 소스를 아래의 태그를 추가하는 방법입니다.

<style> a {selector-dummy : expression(this.hideFocus=true);} </style>

위의 한줄 추가만을도 모든 링크에 생기는 테두리를 제거할수 있습니다.
Posted by 웹눈

TRACKBACK | http://webnoon.net/trackback/9 관련글 쓰기

댓글을 달아 주세요

  1. BlogIcon 애드센서 2008/08/22 17:00  댓글주소  수정/삭제  댓글쓰기

    아래 스타일시트 한줄 삽입으로 테두리를 없앨 수 있습니다.
    <style> a {selector-dummy : expression(this.hideFocus=true);} </style>

  2. 애드센서 2008/08/25 19:03  댓글주소  수정/삭제  댓글쓰기

    쥔장님, 제가 댓글단걸 삭제를 하고, 그걸 본문에 포함시키신거 같네요... 무슨 광고하겠다는 심보도 아니었는데...허허

    • BlogIcon 웹눈 2008/08/25 20:24  댓글주소  수정/삭제

      무슨 오해가 있는거 같은데요. 저는 애드센서님이 다신 댓글이 삭제되어있길래(제가 삭제한게 아닙니다.) 그리 했던것입니다.

      이거참 의문이네요. 전 여태껏 애드센서님이 댓글을 삭제하신줄 알고 있었는데요 ㅡㅡ;;

  3. 애드센서 2008/08/27 15:49  댓글주소  수정/삭제  댓글쓰기

    제가 파이어폭스를 사용중인데 아마도 코멘트 작성중 중복댓글이 달려서 하나를 삭제했는데 한꺼번에 모두다 삭제가 된 모양이네요.
    괜한 오해로 심려끼쳐드린점 죄송합니다.

    • BlogIcon 웹눈 2008/08/27 16:19  댓글주소  수정/삭제

      아 그랬었군요. 저도 먼저 애드센서님에게 말씀을 드렸어야 했는데 참 저도 죄송하게 되었습니다. 댓글은 복구해놓겠습니다.