묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
오버롤 서브메뉴 셀렉트할 때 강조하기
2010.06.16 15:47
http://www.xpressengine.com/15977640
팁 게시판에 소마세월님 글 보고 2차 오버롤 메뉴를 만들었습니다.(거의 소스복사)
그리고 문제는 CSS 인데요.
현재 짜놓은 CSS는 이렇습니다.
subMenu라고 된 것만 menu_sub라고 명칭 바꾸고.. 색상 정도만 바꾼 상태..
.menu_sub {
#lnb1 {
#lnb1:hover,focus { |
여기서 hover,focus 부분이 메뉴에 마우스 오버롤 시에 컬러를 바꿔준다는건 알겠는데요.
오버롤 됐을 때 색상도 FF0000으로 설정되도록 해뒀습니다.
여기에 마우스 오버했을 때 뿐 아니라, 선택한 상태일 때도 색상을 바꾼 상태로 유지하고 싶습니다.
어찌해야 할까요?
lnb 리스트에 class를 on으로 따로 줍니다.
그래서 CSS에서 lnb1.on에 양식을 써주면 됩니다.