홈페이지 메뉴 후버시 하위메뉴
관련링크
본문
초기에는 메뉴만 있고
메뉴가 호버가 되면
하위메뉴들과 흰색 배경이 깔렸으면 좋겠습니다.
1) 흰색 배경을 header:before로 진행하고 display: none;하려고 하는데
어떻게 해야 호버시 생겨날까요?
2) 메뉴에서 하위메뉴로 내려가면 사라집니다..
어떻게 유지시킬수 있을까요?
답변 2
html
<div class="test1">
테스트1
<div class="test2">
<a href="#">하위메뉴</a>
</div>
</div>
css
.test1 { padding:10px;width:200px;background:#333;color:#fff;cursor:pointer; }
.test2 { display:none; }
.test1:hover .test2 { display:block;background:#fff100;color:#333;padding:10px;margin-top:10px; }
호버가 되어 나타나지만 test2로 이동하면 test2가 사라져요
호버가 되어 나타나지만 test2로 이동하면 test2가 사라져요
== 그래서 위 CSS 를 예제로 드린건데...
== 부모의 wrap 에서 발동한 hover 는 부모를 벗어나면 out 으로 인식해서 사라집니다..
== 위 예제를 메모장에 HTML 로 작성하셔서 이해해보세요..
== 이걸 이해 못하신다면 의뢰로 가셔야 할듯 합니다..
답변을 작성하시기 전에 로그인 해주세요.
