이전 목록 다음
채택완료

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

sliverzero
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2024-10-14 (월) 16:24:39 1,583

초기에는 메뉴만 있고

메뉴가 호버가 되면

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

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

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

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

1025970347_1728890111.1316.png

메뉴 하위메뉴
|

답변 2개 / 댓글 1개

채택된 답변
+20 포인트
애애드프로
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2024-10-14 (월) 19:29:11

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

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

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

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

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

애애드프로
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2024-10-14 (월) 17:42:13

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

답변에 대한 댓글 1개

sliverzero
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2024-10-14 (월) 17:54:30
호버가 되어 나타나지만 test2로 이동하면 test2가 사라져요

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