채택완료

회원 사이드뷰 마우스 오버 시...

css/default.css 

사이드뷰를 아주 약간 수정했습니다.

Copy
/* 사이드뷰 */.sv_wrap {display:inline-block;position:relative;font-weight:normal}.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;border:1px solid #fff}.sv_wrap .sv a {display:inline-block;margin:0;padding:3px;width:94px;border-bottom:1px solid #fff;background:#8C8C8C;color:#fff !important}.sv_wrap a:focus, .sv_wrap a:hover, .sv_wrap a:active {text-decoration:none;background:#5D5D5D}.sv_on {display:block !important;position:absolute;top:10px;left:20px;width:auto;height:auto}.sv_nojs .sv {display:block}

.sv_wrap a:focus, .sv_wrap a:hover, .sv_wrap a:active {text-decoration:none}

에​

background:#5D5D5D

를 삽입해주었더니...​

 

25fbc60689487a12aa5f458e75023127_1415931503_7969.png
 

이렇게 오버 색이 적용됩니다.

 

 

25fbc60689487a12aa5f458e75023127_1415931550_6968.png
 

그런데... 회원 이름에 까지 오버 색이 적용되어버리네요.

분리하려면 어떻게 하면 될까요?

 

 

|

답변 1개 / 댓글 1개

채택된 답변
+20 포인트

이렇게 해보세요.

Copy
/* 사이드뷰 */.sv_wrap {display:inline-block;position:relative;font-weight:normal}.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;border:1px solid #fff}.sv_wrap .sv a {display:inline-block;margin:0;padding:3px;width:94px;border-bottom:1px solid #fff;background:#8C8C8C;color:#fff !important}.sv a:focus, .sv a:hover, .sv a:active {text-decoration:none;background:#5D5D5D}.sv_on {display:block !important;position:absolute;top:10px;left:20px;width:auto;height:auto}.sv_nojs .sv {display:block}

답변에 대한 댓글 1개

고맙습니다. 작은별님~^^

답변을 작성하려면 로그인이 필요합니다.