▼

(html/css) 궁금한게 있습니다5

안녕하세요 지금 제로보드를 이용해 html과 css를 이용해 홈페이지를 만들고 있는데요

about ~ communication 까지가 .menu로 잡았구요

보이지는 않지만 .submenu로 잡은 서브메뉴가 밑에 숨어있어요

hover효과로 밑에 서브메뉴를 보이게하고 싶은데요

어떻게 해야할지 모르겠습니다

해결방법을 알려주시면 감사하겠습니다!!

파워링크 등록안내

첨부파일

.menu쪽에 이벤트를 거셔야 겠네요
마우스 오버 됐을때 submenu를 표시하고 아웃되면 숨기면 되지 않나요?

2015-01-23 점아이콘

0 [* 비회원 *]

네 맞습니다

.menu:hover 까지는 아는데요

.submenu를 display:block; 으로 바꿔줘야하는데

어디해서 해야할지 모르겠습니다;;

2015-01-23 점아이콘

.menu .submenu { display: none; }
.menu:hover .submenu { display: block; }

2015-01-23 * 점아이콘

[* 비회원 *]

Javascript에서 dom query 하셔서 할 수 있죠

2015-01-23 * 점아이콘

마크업이 어떻게 되냐에 따라 다르겟지만

.gnb .depth2{display:none}
.gnb > li:hover .depth2{display:block}

기본적인 구조지만 권장하진 않습니다. 스크립트를 써서 a를 클릭했을경우 .depth2가 활성화 되는것이 좋습니다.

2015-01-28 * 점아이콘


	△ 이전글▽ 다음글	목록보기