테스트 사이트 - 개발 중인 베타 버전입니다

홈페이지 메뉴 후버시 하위메뉴 채택완료

 

초기에는 메뉴만 있고

메뉴가 호버가 되면

하위메뉴들과 흰색 배경이 깔렸으면 좋겠습니다.

1) 흰색 배경을 header:before로 진행하고 display: none;하려고 하는데

어떻게 해야 호버시 생겨날까요? 2) 메뉴에서 하위메뉴로 내려가면 사라집니다..

어떻게 유지시킬수 있을까요?

 

 

 

http://sir.kr/data/editor/2410/1025970347_1728890111.1316.png" width="100%" />

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트

호버가 되어 나타나지만 test2로 이동하면 test2가 사라져요

== 그래서 위 CSS 를 예제로 드린건데...

== 부모의 wrap 에서 발동한 hover 는 부모를 벗어나면 out 으로 인식해서 사라집니다..

== 위 예제를 메모장에 HTML 로 작성하셔서 이해해보세요..

== 이걸 이해 못하신다면 의뢰로 가셔야 할듯 합니다..

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

 

html

  테스트1  
    하위메뉴  

 

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; }

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

호버가 되어 나타나지만 test2로 이동하면 test2가 사라져요

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인

전체 질문 목록

🐛 버그신고