2 qq 39464862 qq_39464862 于 2017.09.06 11:41 提问

用li:houver 做 三级导航菜单 鼠标下滑时 二级菜单会消失 求大神帮忙!!!!!!!!!
css

我用 无序列表做 三级导航菜单 , 鼠标放在一级菜单上 二级菜单会出现,但是鼠标往下滑动 想点击二级菜单时 二级菜单 有时可以点击 有时直接消失了 。求大神帮忙 解决!!!!!

6个回答

Sweet__dream
Sweet__dream   2017.09.06 11:46

截图看看,你这表述的不够清楚

Sweet__dream
Sweet__dream :hover 选择器用于选择鼠标指针浮动在上面的元素,你移动了鼠标,自然就消失了呀
11 个月之前 回复
Sweet__dream
Sweet__dream 二级菜单下边还有内容不
11 个月之前 回复
qq_39464862
qq_39464862 #top #nav .one:hover .two{ display:block; position:absolute; z-index:1;}
11 个月之前 回复
qq_39464862
qq_39464862 有时 消失 有时不会消失
11 个月之前 回复
qq_39464862
qq_39464862 鼠标放上去二级菜单显示 往下移动时 会出现 二级菜单消失
11 个月之前 回复
qq_39464862
qq_39464862   2017.09.06 11:49

图片说明

qq_38005982
qq_38005982   2017.09.06 11:55

要不你给改成点击吧!有可能是鼠标移开的原因吧!

cal_cen
cal_cen   2017.09.06 14:30

hover 是鼠标移动上去触发的效果,二级菜单上也需要加一个hover,实在不行建议用JS或JQ,比纯CSS要稳定

caihuan19890113
caihuan19890113   2017.10.20 16:16

一般就是父级元素position:relative;子集元素position:absolute;z_index:999;display:block;

caihuan19890113
caihuan19890113   2017.10.20 16:18

上面写错啦:默认display:none;再结合js控制hover时子菜单显示,反之隐藏!

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
一级菜单hover进入二级菜单,二级菜单不消失
在写分级菜单时遇到问题:      设置一级菜单:hover效果显示二级菜单时,当鼠标从一级菜单移入二级菜单时,一级菜单因失去鼠标而导致二级菜单消失       根据一二级菜单DOM关系提出不同思路:               一级菜单包裹二级菜单                   一级菜单 二级菜单
JQuery中鼠标划过一级菜单,有二级菜单的就显示的处理
重点是逻辑,理解了就好了。先直接上html5代码:<!doctype html> <html> <head> <meta charset="utf-8"> <title>鼠标划过一级菜单,有二级菜单的就显示</title> <script src="../js/jquery-2.2.3.js"></script> <script> $(function() { $("li:h
用div+css做下拉菜单,当鼠标移向2级菜单时,为什么1级菜单的a:hover背景色就不管用了?
伪类:hover只是鼠标停留当前元素时。 鼠标一离开马上就没有了。 主菜单鼠标经过样式单写一个,例 .nav_hover{background-color:blue;} 判断一下: if(鼠标移到此菜单元素为真 || 2级菜单的显示为真){ 主菜单元素className = “nav_hover”; }
导航栏二级下拉菜单的js特效
很多大型的网站的导航菜单栏会有二级菜单,那么刚开始的时候这些二级菜单是隐藏的,我们通过鼠标点击或者把鼠标放在上面就会让二级菜单显示,有些二级菜单会有一些动画效果,我们今天讲的是二级菜单从上面慢慢下滑并出来,以一个很平滑的方式出场,相比传统的直接出现更有交互性。 今天这里我主要说的是一个js特效,通过鼠标放在上面,让导航栏改变颜色,并且让二级菜单从上面缓慢平滑的出现,有一个效果,这个效果的
bootstrap导航条的二级菜单下实现三级菜单
bootstrap在导航条中的二级菜单下实现三级菜单 modify by 20180506 add music 直接上代码 &amp;lt;!--html里的写法,直接搭好bootstrap导航条结构 这里就用美食来做例子吧--&amp;gt; &amp;lt;!--反色的导航条--&amp;gt; &amp;lt;nav class=&quot;navbar navbar-inverse ...
Jquery三级菜单切换
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="jquery-1.7.2.min.js" ></script> <script type="text/javascrip
Html中鼠标悬停显示二级菜单的两种方法
charset="UTF-8"> type="text/css"> ul{ list-style: none; float: left; } li{ display: none; } type="text/javascript"> function disp(){ for(var i = 0; i3; i++){ document
jq与JS点击显示隐藏二级菜单的几种方法
喇叭裤 //初始化一个二级菜单显示 短裤1 短裤 短裤 喇叭裤 短裤1 短裤
使用DIV+CSS制作二级导航菜单(横向)
html> html lang="en"> head> meta charset="UTF-8"> title>制作二级导航菜单(横向)title> style type="text/css"> #menu{ width: 720px; height: 20px; margin: 0px
jquery实现二级导航下拉菜单效果
大家都知道jQuery是一个框架,它对JS进行了封装,使其更方便使用。前面两篇博文分别是用CSS样式和JS实现的,那么这篇就用jQuery来实现二级下拉式菜单。 使用JQuery实现需要用到的知识有:        1)使用$(function(){...})获取到想要作用的HTML元素。       2)通过使用children()方法寻找子元素。       3)通过使用show()方