巨型下拉菜單背景懸停問題

我在我的網站上使用CSS3 Mega Drop Down Menu來創建一個菜單欄。我用的nodrop一個li ID從創建一個下拉菜單背景停止頁面上的「主頁」鏈接：巨型下拉菜單背景懸停問題

<ul class="menu"><!-- BEGIN MENU --> 

    <li id="nodrop"><a href="http://www.eco-fireplaces.co.uk">Home</a></li> 

    <li><a href="" class="drop">Fireplaces</a><!-- Begin 1 column Item --> 

     <div class="dropdown_1column"><!-- Begin 1 column container --> 

      <div class="col_1 firstcolumn"> 

       <ul class="levels"> 

        <li><a href="#">FreelanceSwitch</a></li> 

        <li><a href="#" class="parent">Creattica</a> 
         <ul>

CSS爲nodrop「主頁」鏈接：

.menu li#nodrop { 
    z-index:2; 
    float:left; 
    text-align:center; 
    position:relative; 
    padding: 4px 10px 4px 10px; 
    margin-right:30px; 
    margin-top:7px; 
    background:none; 
    border:none; 
}

對於一些原因，「主頁」鏈接的顏色仍然變爲白色，使其在頁面背景上不可見（因爲這也是白色的）。我認爲問題出在CSS文件中的位置：

.menu li:hover a { 
    color:#ffffff; 
    text-shadow: none; 
}

上述作品罰款的「壁爐」的鏈接，但我怎麼做我的「主頁」鏈接綠色的嗎？

是否必須將li ID #nodrop包含到.menu li:hover a CSS中？如果是的話，我該怎麼做？

任何幫助和建議將非常感激。

你可以看到主頁鏈接消失在我的網頁上的例子（見下面的鏈接）

鏈接到我的網站>http://www.eco-fireplaces.co.uk/fireplaces.html

來源

2013-05-04 user2349542

是的，你必須包括的div ID也作爲

li#nodrop:hover a 
{ 
color:green; 
text-shadow: none; 
}

嘗試在您的CSS文件中設置上述類，並檢查它是否有效。

感謝 PRASHANT

來源

2013-05-04 11:40:38

感謝PRASHANT是沒有的伎倆，看來我是加入。菜單藏漢這是令人困惑的東西。太好了，我現在可以繼續:)再次感謝。 – user2349542 2013-05-04 12:39:36

巨型下拉菜單背景懸停問題

回答

相關問題