수다닷컴

간만에 허접질문 올립니다.ㅋ밑에 이미지보시면대메뉴 흰글씨에 마우스 오버했을때 회색 서브메뉴가 쭉 내려오는 슬라이드 메뉴인데요두번째그림처럼 서브메뉴에 마우스댔을때 하늘색뒷배경이 사라지는데,하늘색깔 들어간 뒷배경 그대로 유지하고 싶거든요제생각엔#tmenu ul li a:hover, #tmenu ul li a.on 부분부터 그아래쪽 css만 바꾸면 될것같은데머리가 안도네요 ㅜㅜ하늘색뒷배경은tmenu_over.gif 이고, 대메뉴 마우스오버 곤색 배경이랑 연결된 세로로 길쭉한 통이미지입니다.
결론은 css구조 바꾸고 이미지 잘라야 할지,아니면 아래 css에서 수정만해도 가능할지만 봐주실분~~~소스는 밑에 있어요이미지는 나중에 삭제할게요,^^;

/* top menu */
#tmenu {width:100%; position:absolute; top:80px; left:0; height:41px; overflow:hidden;
background:url(../images/common/bg_topmenu.png) repeat-x #ebebeb; z-index:99999;}
#tmenu.on {width:100%; height:200px; border-bottom:2px solid #2c75e2;}
#tmenu ul{width:994px;margin:0 auto; position:relative; background:url(../images/common/tmenu_line.gif) no-repeat top left;}
#tmenu ul:after{content:;display:block; clear:both;}
#tmenu ul li{float:left; width:110px; height:41px; display:block; background:url(../images/common/tmenu_line.gif) no-repeat top right;}
#tmenu ul li:first-child{padding-left:0;}
#tmenu ul li.s1 {width:110px;}
#tmenu ul li.s1 ul {left:0;}
#tmenu ul li.s2 {width:110px;}
#tmenu ul li.s2 ul {left:110px;}
(~~~중략 ~~~)
#tmenu ul li a{font-size:14px; color:#fff; font-weight:bold; display:block; text-align:center; width:110px; height:300px; padding-top:10px;}
#tmenu ul li a:hover, #tmenu ul li a.on {color:#fff; background:url(../images/common/tmenu_over.gif) repeat-y;}
#tmenu ul li ul {width:110px; height:250px; display:; position:absolute; top:40px; left:0; padding-top:10px;
z-index:99999; display:block; background:url(../images/common/smenu_line.gif) repeat-y top right;}
#tmenu ul li ul li a {font-size:12px; display:block; width:100px; padding:5px 0 5px 10px;}
#tmenu ul li ul li a.on,#tmenu ul li ul li a:hover {background:url(../images/icon/bullet1.gif) no-repeat 3px 50%; text-decoration:underline;}

!-- top menu s --
div id=tmenu
ul
li class=s3
a href=#; class=일정관리/a
ul
lia href=#;일정/a/li
lia href=#;자원예약관리/a/li
/ul
/li
li class=s4
a href=#; class=전자회의/a
ul
lia href=#;회의개설/a/li
lia href=#;완료회의목록/a/li
lia href=#;회의예약목록/a/li
/ul
/li
/ul/div

신청하기