2014-06-06 133 views
0

我无法让我的下拉菜单保持可见状态。当我将鼠标移到菜单上时,子菜单选项卡将显示并停留一秒钟,但随后消失。这似乎是一个常见问题,但我不确定需要在代码中更改哪些内容,也不知道我需要在此处发布哪些html以解决问题。下拉菜单消失

任何人都可以看看我的网站,告诉我什么是错的? http://www.studywithstyleblog.com

我真的很感激它!

感谢

+0

当你将鼠标悬停在菜单栏你的意思,这个子标签显示,直到你尝试移动到他们 - 然后他们消失了? – Jim

+3

尝试添加负边距到#menus li ul(line655):-5px就可以了。 – sinisake

回答

2

现在定义#menus li ul{top:100%;}

因为这样

#menus li ul{top:100%;} 
+0

如果你想保持顶部的白色,你可以使用: border-top:3px solid #fff; – mifi79

+0

这工作!非常感谢!我还有几个问题,也许你可以帮助我?我需要更改哪些内容才能将导航菜单居中?如果仔细观察下拉菜单选项卡,则会看到左侧和底部有一条很薄的白色条带。我如何删除它?提前致谢!你真棒! @RohitAzad – AshleyN

0

你只需要添加 “顶部:0像素;”在“#menus李UL” CSS

Updated CSS 

#menus li ul { 
z-index: 9999; 
position: absolute; 
left: -999em; 
height: auto; 
width: 175px; 
top: 0px; 
margin: 0; 
padding: 0; 
}