웹접근성연구소 메뉴에 관해 질문드립니다.
신당
2023.04.01
요새 스크립트를 쓰지 않는 사이트에대해서 관심이생겨공부를하고있는데요.오늘 우연히 웹접근성http://www.wah.or.kr/ 의 gnb 부분을 보니스크립트 차단했을때 텍스트로 나오면서 롤오버시 관련 메뉴들이 바뀌면서 나오더라고요.스크립트 없이 어떤기능으로 저렇게 구현하는건지 아시는분계신가요?초보다보니..이해가 ㅜ.ㅜ.
-
베이비슈
참고로 li:hover li:focus 등은 ie6 이하에선 적용되질 않습니다. 참고하세요^^
-
해사랑해
아 답변감사합니다.ㅎ 새롭게 알게되었네요.
-
들빛
접근성 연구소의 경우 페이지 내 소스를 분석해보시면 아시겠지만 스크립트가 작동하지 않을 때 노스크립트로 메뉴가 하나 더 들어가 있습니다. 스크립트가 없을 경우 CSS로만 제어하게 만드는거죠.
-
곰돌곰돌
간단히 css 로 처리 할려면 2depth 메뉴를 예를 들자면
상위 li:hover 옵션에 display:block을 주면 됩니다.
ul
li
ulli/li/ul
/li
/ul
ul li ul{display:none;}
ul li:hover ul{display:block;}
로 하면 되지만 익스6에선 불가 합니다. ㅋ 참고하세요