#skip a {
height:0px;
left:310px;
overflow:hidden;
position:absolute;
top:0pt;
}
#skip a:hover, #skip a:focus, #skip a:active {
color:#000000;
height:auto;
}
간단하다 height를 0px를 기본으로 주고 hover,focus,active시에만 높이를 주는것..
심플하지 않은가??
display:none을 하는것보다 더 명확하다.
참조사이트 : http://www.webolution.co.kr 에서 개발한 모 사이트..
----------------------
실제로 적용해보면 왠지 쉽지 않다..
흠냥..
<style type="text/css">
#haha {
height:0px;
position:relative;
}
#haha {
height:0px;
position:relative;
}
#haha a {
height:0px;
position:absolute;
overflow:hidden;
}
height:0px;
position:absolute;
overflow:hidden;
}
#haha a:hover, #haha a:focus, #haha a:active
{
height:auto;
overflow:visible;
}
</style>
</head>
<body>
<div id = "haha">
<a href="#">보이냐?</a>
</div>
</body>
</head>
<body>
<div id = "haha">
<a href="#">보이냐?</a>
</div>
</body>
적용해 봣다..
'개인적인 프로그램 > 웹표준,웹접근성,CSS' 카테고리의 다른 글
| 디자인을 위한 빈태그.. (0) | 2011.10.26 |
|---|---|
| 웹접근성에 충실한 팝업존 (0) | 2011.10.26 |
| longdesc 대신 alt와 title를 쓰자.. (0) | 2011.10.26 |
| Browser sniffing (브라우저의 버전과 제품 벤더를 알아보자) (0) | 2011.10.26 |
| 테이블레이아웃 구성시 원하는 사이즈 대로만 나오게 하기.. (0) | 2011.10.26 |
