qq_39464862
2017-08-31 02:22
采纳率: 45.9%
浏览 1.2k

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

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

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

8条回答 默认 最新

  • 很可爱的Mid 2017-08-31 03:14
    已采纳

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

    点赞 打赏 评论
  • IAmObject 2017-08-31 02:37

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

    点赞 打赏 评论
  • qq_39464862 2017-08-31 02:43

    我没有用js 控制 纯CSS

    点赞 打赏 评论
  • JachinZhou 2017-08-31 02:45

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

    点赞 打赏 评论
  • qq_39464862 2017-08-31 03:56

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

    点赞 打赏 评论
  • qq_39464862 2017-08-31 05:12

    我用的是

    • 一级菜单
      • 二级菜单
      <>
    点赞 打赏 评论
  • qq_39464862 2017-08-31 05:13

    用的是无序列表 做的

    点赞 打赏 评论
  • caihuan19890113 2017-10-20 08:22

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

    点赞 打赏 评论

相关推荐 更多相似问题