菜單css和javascript

我現在有點困惑。首先，子菜單的寬度和高度看起來失真。其次，JavaScript不工作。它不隱藏子菜單，只在懸停時出現。更有趣的是，我的website子菜單甚至不出現。我一直在爲此工作超過一天，而我似乎無法做到。菜單css和javascript

#navigation ul li.current-menu-item a, 
#navigation ul li a:hover { background: rgba(255,255,255,0.05); } 

#navigation ul li ul { 
    position: absolute; 
    top: 58px; 
    left: 0px; 
    width: 200px; 
    border: none; 
    z-index: 1000; 
    background: #D32828; 
}

JS提琴：http://jsfiddle.net/UX94c/1/

來源

2014-01-23 D. WONG

有你爲什麼使用JavaScript一個特別的原因？它看起來像一個正常的下拉菜單給我，可以用純CSS來實現：

.main-navigation li .sub-navigation {display: none;} 
.main-navigation li:hover .sub-navigation {display: block;}

*您必須使用您的正確的班，我的例子只是一般使用

我創建了一個小提琴的基本用法：http://jsfiddle.net/YP5Dh/

來源

2014-01-23 08:45:15

我定你的Javascript，有一個語法錯誤並有CSS：

.sub-menu{ 
    visiblity:hidden; 
}

設計是有點奇怪，但它的工作原理。

http://jsfiddle.net/bQ9DA/1

來源

2014-01-23 03:41:04 Yoann

嗯，它不工作在我的最後。 –

你是什麼意思，它不工作？子項目不會出現？你正在使用哪種瀏覽器？ – Yoann

菜單css和javascript

回答

相關問題