2 qq 39464862 qq_39464862 于 2017.08.31 10:22 提问

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

#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;
}
图片说明

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

8个回答

huang931027
huang931027   2017.08.31 10:37

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

qq_39464862
qq_39464862   2017.08.31 10:43

我没有用js 控制 纯CSS

qq_35129893
qq_35129893   2017.08.31 10:45

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

sysu_Mid
sysu_Mid   2017.08.31 11:14

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

qq_39464862
qq_39464862 是的 就是你说的那样的
3 个月之前 回复
qq_39464862
qq_39464862   2017.08.31 11:56

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

sysu_Mid
sysu_Mid 你的二级菜单和一级菜单是什么父子还是兄弟关系?
3 个月之前 回复
qq_39464862
qq_39464862   2017.08.31 13:12

我用的是

  • 一级菜单
    • 二级菜单
    <>
qq_39464862
qq_39464862   2017.08.31 13:13

用的是无序列表 做的

caihuan19890113
caihuan19890113   2017.10.20 16:22

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

Csdn user default icon
上传中...
上传图片
插入图片