특정 매뉴애 마우스를 올렸을떄 그메뉴의 백그라운드색상을 백그라운드 이미지로 바꿀려고해요

특정 매뉴애 마우스를 올렸을떄 그메뉴의 백그라운드색상을 백그라운드 이미지로 바꿀려고해요

QA

특정 매뉴애 마우스를 올렸을떄 그메뉴의 백그라운드색상을 백그라운드 이미지로 바꿀려고해요

본문

 메뉴 스킨은 여기서 들고 왔거든요. 마우스 올렸을때 글자 색상은 변하는데 
 css/hover 적힌곳에 백그라운드 이미지를 입혀줘도 그메뉴의 배경이 바뀌지지 않고 있거든요..
제가 아무래도 잘못 주고 있는거겠죠?.? 좀 도와주세요.
 
 
ucnetworks_co_kr_20140424_121126.jpg
 
<?php
$tnav_width = '989'; //메뉴 전체 가로 크기
$tnav_bg = '#818181'; //메뉴 배경색
$tnav_sub_round = '#fff'; //서브 메뉴 테두리 색상(※테두리를 없애려면 '#fff' 로 변경)
$tnav_main = array('20','#fff','#000'); //주 메뉴 관련 설정(※입력 순서: '메뉴 좌우 여백','메뉴 색상','메뉴 마우스 오버시 색상')
$tnav_sub = array('10','#00f','#000','underline'); //서브 메뉴 관련 설정(※입력 순서: '메뉴 좌우 여백','메뉴 색상','메뉴 마우스 오버시 색상','메뉴 마우스 오버시 밑줄 여부')
$addsub_left = array('8','154','300','450','600','800'); //사용자 추가 서브 메뉴 왼쪽 출력 위치(※사용자 그룹 수에 비례하여 style에 추가하여 사용하고 입력 순서는 순차적으로)
 
 
<style type="text/css">
#tnav {position:relative; width:<?php echo $tnav_width ?>px; height:40px; background-color:<?php echo $tnav_bg ?>; z-index:100}
#tnav ul {margin:0; padding:0; list-style:none;background-color:#0ff;}
#tnav ul li {float:left; padding:0 0px; 0 0px; }
#tnav ul li a, #tnav ul li a:visited {display:block; margin:0px; padding:0 <?php echo $tnav_main[0] ?>px;  text-decoration:none; font:bold 12px gulim, tahoma; color:<?php echo $tnav_main[1] ?>; line-height:40px}
#tnav ul li:hover a, #tnav ul li a:hover {margin:0px; background-color:#fff; color:<?php echo $tnav_main[2] ?>}
#tnav ul li ul {position:absolute; top:40px;  left:0; visibility:hidden}
#tnav ul li:hover ul, #tnav ul li a:hover ul {visibility:visible}
#tnav ul li:hover ul li a { background-color:#fff; padding:0 <?php echo $tnav_sub[0] ?>px; border:0; text-decoration:none; font:normal 15px dotum, tahoma; color:<?php echo $tnav_sub[1] ?>; line-height:25px; height:31px}
#tnav ul li:hover ul li a:hover {text-decoration:<?php echo $tnav_sub[3] ?>; color:<?php echo $tnav_sub[2] ?>}
#tnav ul li:hover ul#addsub1_left {left:<?php echo $addsub_left[0] ?>px; border-right:2px solid <?php echo $tnav_sub_round ?>; border-bottom:2px solid <?php echo $tnav_sub_round ?>; border-left:2px solid <?php echo $tnav_sub_round ?>}
#tnav ul li:hover ul#addsub2_left {left:<?php echo $addsub_left[1] ?>px; border-right:2px solid <?php echo $tnav_sub_round ?>; border-bottom:2px solid <?php echo $tnav_sub_round ?>; border-left:2px solid <?php echo $tnav_sub_round ?>}
#tnav ul li:hover ul#addsub3_left {left:<?php echo $addsub_left[2] ?>px; border-right:2px solid <?php echo $tnav_sub_round ?>; border-bottom:2px solid <?php echo $tnav_sub_round ?>; border-left:2px solid <?php echo $tnav_sub_round ?>}
#tnav ul li:hover ul#addsub4_left {left:<?php echo $addsub_left[3] ?>px; border-right:2px solid <?php echo $tnav_sub_round ?>; border-bottom:2px solid <?php echo $tnav_sub_round ?>; border-left:2px solid <?php echo $tnav_sub_round ?>}
#tnav ul li:hover ul#addsub5_left {left:<?php echo $addsub_left[4] ?>px; border-right:2px solid <?php echo $tnav_sub_round ?>; border-bottom:2px solid <?php echo $tnav_sub_round ?>; border-left:2px solid <?php echo $tnav_sub_round ?>}
#tnav ul li:hover ul#addsub6_left {left:<?php echo $addsub_left[5] ?>px; border-right:2px solid <?php echo $tnav_sub_round ?>; border-bottom:2px solid <?php echo $tnav_sub_round ?>; border-left:2px solid <?php echo $tnav_sub_round ?>}
</style>
<div id="tnav">
<ul>
  <!-- 사용자 추가 메뉴 그룹1 -->
  <?php if ($tnav_add1) { ?>
  <li style="margin:0px 20px 0 0px;" >
    <a href="http://naver.com" style=" background-image:url(../menu_oop/main_09.gif); vertical-align:bottom; color:#CCC">전체메뉴보기</a>
    <ul id="addsub1_left" >
      <?php for ($k = 0; $k < count($tnav_add1); $k++) { ?>
      <li><a href="<?php echo $tnav_add1[$k][1] ?>" target="<?php echo $tnav_add1[$k][2] ?>"><?php echo $tnav_add1[$k][0] ?></a></li>
      <?php } ?>
    </ul>
  </li>
  <?php } ?>
  <!-- //사용자 추가 메뉴 그룹1 -->
  <!-- 사용자 추가 메뉴 그룹2 -->
  <?php if ($tnav_add2) { ?>
  <li style="margin:0px 28px 0 28px;">
    <a href="#">요양원 소개</a>
    <ul id="addsub2_left">
      <?php for ($k = 0; $k < count($tnav_add2); $k++) { ?>
      <li><a href="<?php echo $tnav_add2[$k][1] ?>" target="<?php echo $tnav_add2[$k][2] ?>"><?php echo $tnav_add2[$k][0] ?></a></li>
      <?php } ?>
    </ul>
  </li>
  <?php } ?>
  <!-- //사용자 추가 메뉴 그룹2 -->
  <!-- 사용자 추가 메뉴 그룹3 -->
  <?php if ($tnav_add3) { ?>
  <li style="margin:0px 28px 0 28px;">
    <a href="#">주요업무</a>
    <ul id="addsub3_left">
      <?php for ($k = 0; $k < count($tnav_add3); $k++) { ?>
      <li><a href="<?php echo $tnav_add3[$k][1] ?>" target="<?php echo $tnav_add3[$k][2] ?>"><?php echo $tnav_add3[$k][0] ?></a></li>
      <?php } ?>
    </ul>
  </li>
  <?php } ?>

이 질문에 댓글 쓰기 :

답변 1

답변을 작성하시기 전에 로그인 해주세요.
전체 135
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1402호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT