li:houver 的鼠标效果 求大神帮忙!!!

#top #nav li:hover ul ul, #top #nav li:hover ul ul ul,#top #nav li:hover ul ul ul ul{
display:none;

}
#top #nav li:hover ul, #top #nav li li:hover ul, #top #nav li li li:hover ul, #top #nav li li li li:hover ul{
display:block;
}
图片说明

为什么有时候鼠标放在一级菜单上 二级菜单显示了 ,准备把鼠标移动到二级菜单上,二级菜单却隐藏了

我猜你CSS设置的是二级菜单默认隐藏,
当一级菜单hover的时候,二级菜单显示。
这样一来,当你鼠标移到二级菜单时,触发不了一级菜单的hover事件,
那二级菜单就默认隐藏啦。
解决的办法很简单,纯CSS就可以,
就是你再加上“二级菜单hover的时候,二级菜单显示“这个样式即可

你应该是写的js里面当鼠标悬浮一级菜单的时候显示二级菜单,没有其他的控制保证二级菜单显示

我没有用js 控制 纯CSS

你要实现的效果不能用css里面的hover,如果用hover那么你需要添加类来实现鼠标移入二级标签时不消失.
w3c有个比较好的例子可以看一下 http://www.w3school.com.cn/tiy/t.asp?f=jquery_event_mouseleave_mouseout

大神 我根据你说的办法加入了 样式 但是还是出现原来的问题

我用的是

  • 一级菜单
    • 二级菜单
    <>

用的是无序列表 做的

父级菜单不要定义高度,有时候和line-height也有关系