필요없는 내용을 날려버릴때

미해결질문
김건우 프로필

예를들어 

legend {display: block; position: absolute; left:0; top: -9999em; overflow: hidden}

이렇게 날려버리는 방법과 

caption {display: none}

이렇게 안보이게 하는 방법이 있던데 

보기에는 그냥 display:none하면 편리한데 위의 예처럼 -9999em으로 날려버리는건 왜 인가요 ? 

Dongho Lee 프로필
Dongho Lee 8달 전

이건 웹 접근성 때문입니다. display: none 의 경우에는 그 요소가 없어진 것이라서 소리로 읽어주질 않습니다. 반면에  position 이나 기타 다른 방법으로 화면 밖으로 보낸 경우에는 없어진 것이 아니므로 소리로 읽어집니다.  

지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의들을
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스