선배님들 안녕하세요 hover 시에 display:block 질문좀 드리겠습니다!

Question

SUNJIN GALLERY

회사소개

포트폴리오

우선은 코드입니다 .sun_header li에 마우스를 갖다대면 .sun_header_hover_wrap이 display:block 되야하는데 .sun_header:hover .sun_header_hover_wrap {display:block;} 이 코드를 쓰면 되는거 아닌가 싶어서 질문 드립니다 ㅜㅜ 제가 드롭다운메뉴 몇번 만들어서 마우스오버시에 display:block하는 방법은 아는데 이건 아무리해도 block이 안되네요 ㅜㅜ 어떻게 해결해야할지 방법좀 알려주시면 감사하겠습니다..!

woo.s.o · Accepted Answer

css에서 컨트롤 하시려고 하네요.현 css로는 같은 레벨(형제) 및 자식 레벨만 컨트롤 할 수 있습니다.(제가 알기로는요)li에서 컨트롤 하게 하려면 li 위치 동급 혹은 아래로 위치 시켜야 css로 컨트롤 가능합니다 1. sun_header_hover_wrap 위치를 변경 2. 공통으로 쓰신다면 class로 하고 싶으시면 스크립트로 마우스 오버 이벤트를 쓰셔야 할듯 합니다. 아래는 css 참고 드리구요. sun_header_hover_wrap가 li 내부에 직접있는 경우 : .sun_header >li:hover > .sun_header_hover_wrap {display:block; } sun_header_hover_wrap가 li 옆에있는 경우 (태그를 닫은 후) :.sun_header >li:hover &#43; .sun_header_hover_wrap {display:block } sun_header_hover_wrap가 li 내부에 있는 경우 :.sun_header >li:hover .sun_header_hover_wrap {display:block } sun_header_hover_wrap가 li의 형제인 경우 :.sun_header >li:hover ~.sun_header_hover_wrap {display:block }

전방에힘찬팬더발싸 · Answer

woo.s.o 선배님 친절한 설명 정말 감사드립니다 말씀해주신대로 해보겠습니다!! 좋은하루 되세요! 항상 건강하시구요!!

선배님들 안녕하세요 hover 시에 display:block 질문좀 드리겠습니다!

2개의 답변

#display 목록