如何讓懸停的子菜單項出現？

我在Wolf CMS下製作的這個網站有問題。我不知道發生了什麼，但菜單子項目不是顯示了！不能理解爲什麼當我添加CSS允許的顯示和樣式時，它不起作用！我沒有看到影響它的JavaScript代碼..可能我錯過了一些東西可以有人建議？如何讓懸停的子菜單項出現？

http://goo.gl/PE238a

通過CSS我儘量不會運用使任何影響的所有代碼...

我無法弄清楚，爲什麼我的CSS渲染不會是我需要看到......

#team-nav li { 
    background: none repeat scroll 0 0 red !important; 
    height: 100px !important; 
    left: 1px !important; 
    position: absolute !important; 
    top: 1px !important; 
    width: 100px !important; 
}

我試圖定位絕對和不透明度10，但不會工作:(

在自由之路機http://goo.gl/hYhuHB 我可以看到工作菜單中的網站.... 的捕獲頁面，但有這麼多addded代碼，我感到困惑..

來源

2014-09-11 maha2

你的頁面上有幾個Javascript錯誤。可能值得先解決這些問題，看看它們是否會影響頁面的行爲。 – 2014-09-11 08:04:34

謝謝傑米。我發現使用chrome'Uncaught SyntaxError：Unexpected token; scripts.js：3'，但不能理解多少JavaScript你能幫我理解，如果這是問題嗎？也許選擇器在html ... im絕望中缺少。在互聯網檔案庫中，我可以找到一個工作菜單... http://goo.gl/hYhuHB但有這麼多的代碼，我覺得完全失去了...... – maha2 2014-09-11 08:08:58

你需要下面的樣式添加到您的#nav

#nav { 
position: relative; 
z-index: 3; 
float: left; 
margin: 0; 
border-bottom: solid 1px #ccc; 
width: 700px; 
padding-top: 100px; 
overflow: initial;<-- Added 
}

由於您的溢出隱藏，並且您#nav是position:relative;submenu溢出您的#nav無法顯示。試試上面的代碼就像一個魅力。您還可以添加overflow:visible;

注意：您mobile.css繼承你的screen.css的值。 #menu, #nav{overflow:hidden}所以你的screen.css必須改變#nav{overflow:visible}

來源

2014-09-11 08:11:49 Benjamin

它是否工作夥計。 – Benjamin 2014-09-11 08:21:07

本傑明我欠你一杯啤酒或柴，或者一個伴侶。 :)感謝的人... – maha2 2014-09-11 08:23:56

隨時與你一起快樂工作。 – Benjamin 2014-09-11 08:24:21

如何讓懸停的子菜單項出現？

回答

相關問題