2015-01-09 50 views
0

我想保持父頁面的後臺在子頁面上處於活動狀態。保持家長的導航後臺在兒童頁面上活動時 - CSS Weebly

舉例:投資組合---->程序

當我的當前頁面程序,我想保持活躍組合導航欄上。

在CSS代碼中使用是:

/* Navigation 
    --------------------------------------------------------------------------------*/ 
#nav-wrap { 
    max-height: 200px; 
} 
#nav .container ul { 
    list-style: none !important; 
} 

#nav .container ul li { 
    list-style: none !important; 
} 

#nav .container ul span:last-child li, 
     #nav .container ul > li:last-child { 
     /*background: none;*/ 
     background:url(surf_40.gif) no-repeat -12px; 
} 

#nav ul li a { 
    display: block; 
    font-size:30px; 
    line-height: 35px; 
    padding: 10px 0; 
    color: rgba(255,255,255,0.4); 
    padding: 2px 25px 2px 21px; 
    border: 0; 
    outline: 0; 
    list-style-type: none; 
    position:relative; 
    right:-4px; 
    z-index:1; 
    text-transform: uppercase; 
    font-family: 'Aller', sans-serif; 
    } 



    #nav ul li#active a { 
     background: url(surf_40.gif) no-repeat -12px; 
    } 

    #nav ul li#active a, 
    #nav ul li a:hover { 
      color: #fff; 
      border: 0; 
    } 

    /**Text modified added - for active parent while my current page is a sub-menu***/ 

    #wsite-menus .wsite-menu li #active a #nav ul li a { 
       color: #fff; 
       border: 0; 
    } 


    /*---*/ 


    /* Navigation Submenu's 
    --------------------------------------------------------------------------------*/ 
     #wsite-menus .wsite-menu li a { 
      color: rgba(0,0,0,0.4); 
      font-weight: bold; 
      background: #fff; 
      /*border: 0 px;*/ 
      border: solid thick; 
      border-radius: 1em; 
      /* fine modifica*/ 
      position:relative; 
      right: 0 px; 
      } 

      #wsite-menus .wsite-menu li a:hover { 
      color: #000; 
      background: #e3e3e3; 
      border: solid thick orange; 
      } 

thank you for any help.. 

HTML代碼:

<div id="nav"> 
    <ul class='wsite-menu-default'> 
<li id='pg962547086691527768'><a href="/" data-membership-required="0" >Home</a></li> 
<li id='pg623326219140352077'><a href="/about.html" data-membership-required="0">About</a</li> 
      </ul></div> 
+0

請提供您的HTML。 –

回答

0

把:懸停在李的,而不是一個:hover和阿洛斯添加類主動給李。如果您提供html兩個,那麼我會爲您提供完美的解決方案,謝謝