링크를 클릭하게 되면 링크 주변에 점선이 생기게되죠.
물론 그대로 두는 것이 웹표준 접근성에 맞겠지만
모양을 중요시하는 경향이 국내에선 많기 때문에 링크에는 항상 onclick 이벤트에 this.blur() 자바스크립트를 이용해서 링크에 점선이 생기는걸 막고는 했죠.
이를 한번에 해결하려면 a 테그의 스타일을 정의할 때 아래와 같은 한줄을 넣어주시면 됩니다. ^ ^
a { selector-dummy: expression(this.hideFocus=true;}
상당히 간단하고 쉽게 링크의 점선을 없앨 수 있겠죠? ^ ^
많이 활용하자고용~
'Web > CSS' 카테고리의 다른 글
| CSS 범위 넘어가는 글자에 자동으로 ... 붙이는 방법 (3) | 2009/02/09 |
|---|---|
| 버튼을 CSS로 이쁘게~ (0) | 2008/06/21 |
| IE 6에서 나타나는 배경이미지 깜빡임 현상 수정 (2) | 2008/01/28 |
| DIV를 이용해 가운데 정렬 (1) | 2008/01/24 |
| IE와 W3C의 박스 차이에 의한 CSS 코딩 방식 (0) | 2007/09/11 |
| 링크에 점선.. 아직도 onclick=this.blur()를 쓰나요? (3) | 2007/05/21 |
이 포스팅이 도움이 되었다면 구글에서 관련 정보를 찾아 보세요 ^^
Trackback : http://i-ruru.com/trackback/30
-
Subject 웹 접근성을 저해시키는 자바스크립트 링크
2009/01/02 20:03
위 이미지는 어느 사이트의 게시판에 공지사항으로 등록된 안내문입니다. 이 게시판의 공지사항은 링크가 걸려있고 클릭하면 내용을 열람할 수 있습니다. 이 링크를 탭 브라우저를 사용하여 새 탭으로 열려고 했습니다. 그러나 예상했던 동작과 달리 해당 페이지는 현재 보고 있는 탭에서 열렸습니다. 왜 그런지 브라우저의 상태 표시줄을 주목해보니, 이렇게 자바스크립트를 사용하여 페이지를 전환하도록 만들어져 있었습니다. 이런 방식의 자바스크립트 사용은 매우 안 좋은..
-
dd 2008/05/08 11:07
그리고 6.0에선 안될꺼같은예감..
-
dd 2008/05/08 11:08
다른방법이 있던데..
Prev
