#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也有关系