홈페이지 메뉴 후버시 하위메뉴

홈페이지 메뉴 후버시 하위메뉴

QA

홈페이지 메뉴 후버시 하위메뉴

본문

 

초기에는 메뉴만 있고

메뉴가 호버가 되면

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

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

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

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

 

 

 

1025970347_1728890111.1316.png

이 질문에 댓글 쓰기 :

답변 2

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

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

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

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

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

1982090681_1728895317.776.png

 

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

답변을 작성하시기 전에 로그인 해주세요.
전체 34
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT