jQuery的子菜單中不工作 - 問題與CSS

我是一個新手，當涉及到網頁設計，我試圖融入我的網頁，我在網站上發現了一個jQuery的菜單的例子。jQuery的子菜單中不工作 - 問題與CSS

但是，顯然東西是用CSS去錯了，因爲當我評論相關菜單中的CSS，jQuery的哈弗方法工作。但是，使用該CSS，它不起作用。

測試在Windows上使用Firefox和Chrome最新版本。出人意料的是，事情正常工作與IE瀏覽器...

在這裏找到我的網頁：http://jsfiddle.net/qHVE7/（。我評論的菜單CSS取消它，看問題）
這是我註釋掉CSS。

/*Menu CSS*/ 
/*ul#topnav { 
    margin: 0; padding: 0; 
    float: left; 
    width: 100%; 
    list-style: none; 
    position: relative; 
    font-size: 1.2em; 
    background:url(images/topnav_s.gif) repeat-x; 
} 
ul#topnav li { 
    float: left; 
    margin: 0; padding: 0; 
    border-right: 1px solid #555; 
} 
ul#topnav li a { 
    padding: 10px 15px; 
    display: block; 
    color: #f0f0f0; 
    text-decoration: none; 
} 

ul#topnav li:hover { background: #1376c9 url (images/topnav_a.gif) repeat-x; } 
ul#topnav li span { 
    float: left; 
    padding: 15px 0; 
    position: absolute; 
    left: 0; top:35px; 
    display: none; 
    width: 970px; 
    background: #1376c9; 
    color: #fff; 
    -moz-border-radius-bottomright: 5px; 
    -khtml-border-radius-bottomright: 5px; 
    -webkit-border-bottom-right-radius: 5px; 
    -moz-border-radius-bottomleft: 5px; 
    -khtml-border-radius-bottomleft: 5px; 
    -webkit-border-bottom-left-radius: 5px; 
} 
ul#topnav li:hover span { display: block; } 
ul#topnav li span a { display: inline; } 
ul#topnav li span a:hover {text-decoration: underline;}*/ 
/*Menu CSS Ends*/

和原來的子菜單代碼在這裏：http://jsfiddle.net/7DXzP/

我要去哪裏錯了？因爲我基本上是從示例中複製粘貼了javascript和CSS。

來源

2013-03-19 tumchaaditya

嘗試UL＃topnav李：懸停背景：＃1376c9網址（圖片/ topnav_a.gif）重複-X;}您有空間愨URL和（） – freshbm 2013-03-19 08:24:14

保證金添加到類鏈接在CSS像

.links { 
    position: relative; 
    margin-top:250px; 
}

了無空白<div class="links">過來菜單

來源

2013-03-19 08:39:24

thanks..it真的不錯...我」在我的進一步設計中請記住這一點.. – tumchaaditya 2013-03-19 09:24:16

的問題是，該鏈接的div（與所有的浮動回事）得到之上菜單，這就是爲什麼懸停事件不會發生。添加背景顏色：紅色;向班級展示了這一點。添加一個float：left;以確保它出現在菜單下面，所以它再次工作。

.links { 
    float:left; 
    position: relative; 
}

來源

2013-03-19 10:24:22 Peer

即使在展開子菜單後，鏈接div仍保持在同一位置。 – tumchaaditya 2013-03-19 12:36:52

jQuery的子菜單中不工作 - 問題與CSS

回答

相關問題