고수님들 메뉴 오류 좀 봐주세요 ㅜㅜ
본문
http://webdmarket.com/test/nav.html
상단메뉴 테스트중인데요
화면 줄였을때 메뉴를 보면 마우스 오버하면 서브메뉴가 내려오는데요..
마우스아웃하고 다시 대면 이상한 메뉴가 나옵니다 ㅜㅜ
대메뉴에 마우스 아웃하면 자동으로 활성화가 꺼져야되는데 그게 안되네요 ㅜㅜ
방법좀 알려주세요 2일째 삽질중입니다. ㅜㅜ
혹시 저런소스 하나만 주시면 안될까요?
카톡 h3ism 입니다.
답변 2
기본 부트스트랩의 드랍다운에 호버효과를 덮어씌운것으로 보입니다.
아마도 slideDown과 slideUp과 같은 jquery를 덮으신것 같은데 중간에 붕뜨는 구간에서 부트스트랩의 기존 드랍다운 스타일이 보여지는거로 보입니다.
.dropdown-menu의 스타일을 원하시는 형태로 변경하세요. 현재는 open > .dropdown-menu 에 스타일을 변경하신것 같은데 이렇게 하시면 open 이 아니면서 slideUp과 같이 시간을 두고 사라지는 부분에서 기존의 .dropdown-menu 스타일이 먹는 구간이 생겨서 그렇겠지요.
감사합니다 ^ ^ 덕분에 해결했네요
dropdown-menu display 가 absolute 로 되어있습니다
<link href="./nav_files/bootstrap.css" rel="stylesheet">
밑에 아래를 넣어 보세요
<style>
#navbar .dropdown-menu {
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: transparent;
border: 0;
box-shadow: none;
border: 0px solid #ccc;
border: 0px solid rgba(0, 0, 0, .15);
}
</style>
아 감사합니다 ^ ^