좌측 1차메뉴 오버시
본문
현재는 좌측메뉴의 메뉴에 마우스를 오버하면 2차가 있는 메뉴는 마우스 오버시 글씨 색상 변경이 가능한데요.
1차만 있는 메뉴는 오버시 색상 변경이 안되네요.
아래의 소스에서 어떤부분을 수정하면 1차만있는 메뉴도 마우스 오버시 글씨 색상을 다르게 할수 있나요?
#gnbbox {background:url(/img/cate_bg.jpg); background-position:left; background-repeat:repeat-y;}
#gnb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.gnb_1dli {position:relative; border-top:0px solid #ddd;background:url('../../../images/cate_bullet.jpg') 0 15px
no-repeat;}
.gnb_1dli a {color:#343434; font-weight:bold; text-decoration:none; font-size:13px;}
#gnb ul li:first-child{border:0;}
.gnb_1dli_on {color:#fff;text-decoration:none}
.gnb_1da {display:block;padding:10px 9px;border-bottom:0px solid #f4f4f4;font-weight:normal;text-decoration:none;}
.gnb_1dam {background:url('../../../images/arrow.jpg') # center right no-repeat}
.gnb_1dli_on .gnb_1da {}
.gnb_1dli_on .gnb_1dam {background:url('img/gnb_bg01.gif') # center right no-repeat;color:#397bc6;text-decoration:none}
.gnb_2dul {display:none;z-index:1000;position:absolute;border:1px solid #787f89}
.gnb_1dli_over .gnb_2dul, .gnb_1dli_over2 .gnb_2dul {display:block;top:0;left:127px;width:130px;background:#fff}
.gnb_2da {display:none}
.gnb_1dli_over .gnb_2da {display:block;padding:10px;border-bottom:1px solid #e9e9e9}
.gnb_2da:focus, .gnb_2da:hover {background:#f2f2f3;text-decoration:none}
답변 2
.gnb_1dli_on .gnb_1da {} 혹은 .gnb_1dli_over .gnb_1da {} 에 원하시는 색상을 입력해보세요.
그누보드 메뉴가 자바스크립트를 이용해 해당 클래스명을 붙여주지만 그것 없이도 CSS를 이용해 가능한 부분입니다.
.gnb_1da:hover {} 만 이용하셔도 원하는 목적을 달성하실 수 있습니다.
style.css 원본과 대조해보세요.
원본에서는 그런 경우가 발생하지 않습니다.