2차메뉴가 안보이는 문제에 대해서 여쭤봅니다.
은송이
■ 발생 환경 :
OS : 테스트 브라우저 : 비교 브라우저
(정상적으로 나오는 브라우저) :
■ 문제발생 URL (jsfiddle, jsbin. codepen 등 활용):
http://
■ 발생 문제에 대한 자세한 기술: 안녕하세요 회원님들
gnb부분 코딩 작업 중에 어려움이 있어서 글을 남기게 되었습니다
다름이 아니라 1차메뉴를 마우스오버하면 2차메뉴가 보여지게 되고, 2차메뉴에 오버하려는 순간
2차메뉴가 없어지게 되는데.. 없어지지않고 계속 활성화되게 하려면 css 쪽에서 어느 부분을 수정해야하는건지 문의드립니다.
아래는 작업 소스입니다.
style type=text/css#top #gnbWrap {clear:both;background:black;width:100%;height:38px;border-top:1px solid #5d6576;}#top #gnbWrap .gnb {width:1000px;height:38px;margin:0 auto;}#top #gnbWrap .gnb li {position: relative;display: block;float:left;margin-left:115px;line-height:36px;font-size:15px;font-weight:bold;color:white;}#top #gnbWrap .gnb li ul {display:none;}#top #gnbWrap .gnbli:hover ul {display:block;position:absolute;z-index:1000;top:30px;background:black;margin-top:12px;opacity:.8;} */ #top #gnbWrap .gnbli:hover ul:hover li {display:block;}#top #gnbWrap .gnb li ul li {float:left;margin-left:30px;font-size:14px;}#top #gnbWrap .gnb li .subMenu1 {position:absolute;left:-100px;background:black;margin-top:4px;opacity:.8;width:370px;float:left;padding-left:10px;text-align:center;}#top #gnbWrap .gnb li .subMenu2 {position:absolute;left:-190px;background:black;margin-top:4px;opacity:.8;width:315px;float:left;padding-left:10px;text-align:center;}#top #gnbWrap .gnb li .subMenu3 {position:absolute;left:-290px;background:black;margin-top:4px;opacity:.8;width:605px;float:left;padding-left:10px;text-align:center;}#top #gnbWrap .gnb li .subMenu4 {position:absolute;left:-390px;background:black;margin-top:4px;opacity:.8;width:705px;float:left;padding-left:10px;text-align:center;}#top #gnbWrap .gnb li .subMenu5 {position:absolute;left:-290px;background:black;margin-top:4px;opacity:.8;width:460px;float:left;padding-left:10px;text-align:center;}/style
div id=gnbWrap ul class=gnb li class=Menu1a href=/01club/01intro.asp파주컨트리클럽소개/a ul class=subMenu1 lia href=/01club/01intro.asp클럽소개/a/li lia href=/01club/02greeting.asp인사말/a/li lia href=/01club/03ci.aspCI소개/a/li lia href=/01club/04location.asp찾아오시는길/a/li /ul /li li class=Menu2a href=/02course/01info.asp코스안내/a ul class=subMenu2 lia href=/02course/01info.asp코스소개/a/li lia href=/02course/02practice.asp코스공략도/a/li lia href=/02course/03gallery.asp코스갤러리/a/li /ul /li li class=Menu3a href=/03guide/01intro.asp이용안내/a ul class=subMenu3 lia href=/03guide/01intro.asp이용방법/a/li lia href=/03guide/02charge.asp요금안내/a/li lia href=/03guide/03use.asp이용약관/a/li lia href=/03guide/04rule.asp로컬룰/고객협조사항/a/li lia href=/03guide/05info.asp예약안내/a/li lia href=/03guide/06rule.asp준수사항/a/li /ul /li li class=Menu4a href=/04reservation/01drawing.asp예약서비스/a ul class=subMenu4 lia href=/04reservation/01drawing.asp추첨대기/a/li lia href=/04reservation/02cancel.asp취소분대기/a/li lia href=/04reservation/03confirm.asp추첨 취소분대기 확인/취소/a/li lia href=/04reservation/04reservation.asp실시간예약/a/li lia href=/04reservation/05confirm.asp예약확인/취소/a/li lia href=/04reservation/06Penalty.asp위약확인/a/li /ul /li li class=Menu5a href=/05customer/01event.asp고객지원/a ul class=subMenu5 lia href=/05customer/01event.asp뉴스/이벤트/a/li lia href=/05customer/02honor.asp명예의 전당/a/li lia href=/05customer/03join.asp초대/요청 게시판/a/li lia href=/05customer/04news.asp공지사항/a/li /ul /li /ul /div
모르는게 너무 많네요
바쁘신 가운데 글 읽어주셔서 감사합니다.
-
나라빛
아..네 소스가 좀 복잡하죠..; 말씀주신대로 아무래도 높이나 간격 문제가 많은 것 같네요.. 답변 감사합니다.!!!