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

매출이 오르면 내리는 수수료! 지금 수수료센터에서 전자결제(PG)수수료 비교견적 신청해 보세요!
홈페이지 메뉴 후버시 하위메뉴

QA

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

답변 2

본문

 

초기에는 메뉴만 있고

메뉴가 호버가 되면

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

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

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 0
© SIRSOFT
현재 페이지 제일 처음으로