css를 이용한 롤 오버 메뉴 궁금합니다.
엘보어
2023.04.01
1이란 메뉴가 있고 이 1이란 메뉴 위에다가 마우스를 갖다대면
아래 서브 메뉴들이 뜨는데 문제는
서브 메뉴에 마우스를 갖다대면 서브메뉴가 사라집니다.
즉 1이란 메뉴에서 마우스 포인터가 사라지면 바로 서브메뉴가 사라지던데요.
1이란 메뉴와 서브메뉴 둘 다에서 포인터가 사라지면 서브메뉴가 없어지게 할려고 하는데요.
어떻게 css 소스 코딩을 해야하는 건가요...?
이런 경우에는 자바스크립트를 써야하나요?
-
등대
#mainMenu li a:hover ul{display:block;}
서브메뉴가 옆으로 float될경우는 부모li가 자식 ul의 영역을 인식하기때문에 자식 ul을 position:absolute; 해줘야 부모 li의 간격이 일정해 집니다.