<div id="skip-nav">
<a href="#container">본문 바로가기</a>
<a href="#header">주메뉴 바로가기</a>
</div>
<style>
#skip-nav {position: absolute; width: 100%; top: 0; left: 0; z-index: 2000;}
#skip-nav a {display:block; width:1px; height:1px; margin-bottom: -1px; overflow: hidden; text-align: center; color: #fff; font-weight: 500;}
#skip-nav a:focus, #accessibility a:active {width:100%; height: auto; padding:10px 0; background-color: #555;}
</style>
'css' 카테고리의 다른 글
table에서 말줄임표+밑줄 처리하기 (0) | 2020.04.02 |
---|---|
기본 common.css type = radio, checkbox, select (0) | 2020.04.02 |
transform: scale 했을 때 요소 위치 지정 (0) | 2020.04.02 |
placeholder 크로스 브라우징 (0) | 2020.04.02 |
한자 폰트 안깨지게 스타일 설정하기 (0) | 2020.04.02 |
댓글