菜单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

回答

相关问题