좌측 1차메뉴 오버시

좌측 1차메뉴 오버시

QA

좌측 1차메뉴 오버시

답변 2

본문

현재는 좌측메뉴의 메뉴에 마우스를 오버하면 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 {} 만 이용하셔도 원하는 목적을 달성하실 수 있습니다.

 

 

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 68
© SIRSOFT
현재 페이지 제일 처음으로