Css 下拉菜单显示/隐藏

出于某种原因，我可以通过CSS显示隐藏我的项目的子菜单：无代码，但不能通过根据CSS代码第98行将鼠标悬停在在线交易链接上使其重新出现。我猜我的困境的解决方案是隐藏在显而易见的地方，但超出了mt的感知范围

.nav_包装器{/*--主导航包装器--*/ 位置：固定； z指数：9999； 左：0； 排名：0； 高度：90px； 宽度：100%； 过渡：顶部。1s放松； 文本对齐：左对齐； } 导航{ 保证金：0自动； } .卷轴{ 排名：0 } .没有卷轴{ 排名：0； z指数：9999 } 主要{ 保证金：0自动； 字号：12px } .菜单链接{ 显示：无 } .菜单{ 高度：90px； 背景：FFFFFF； 过渡期：所有1.0秒轻松； 填充：0； } .菜单ul{ 填充：0； 保证金：0； 列表样式：无； 位置：相对位置； 显示：内联块； 文本对齐：右对齐； } 李先生{ 填充：0； } .menu>ul>li{ 显示：内联块； } .菜单ul li a{ 填充：60px 10px 0px 0px； 显示：块； 文字装饰：无； 颜色：000； 文本转换：大写； 文本对齐：左对齐； -o-转变：.3s； -ms转换：.3s； -moz跃迁：.3s； -webkit转换：.3s； 转换：.3s } .菜单ul li.悬停>a{ 颜色：990100； 字号：12号； } .菜单ul li>a{ 字号：12号； 边际上限：0； } .菜单ul>li a{ 填充：10px 10px； 高度：自动； } .菜单ul>li a:悬停{ 填充：10px 10px； 高度：自动； 背景：990100； 颜色：FFFFFF； } .菜单ul>li{ 显示：无； } .菜单ul>li:悬停{ 显示：块； }

---

如果你已经隐藏了李你怎么能悬停它

在下面的代码中，您隐藏了li

.menu ul ul>li  {
    display:none;
}

在下面编写的代码中，您可以通过将鼠标悬停在li上来显示

.menu ul ul>li:hover   {
    display:block;
} 

如果你将鼠标悬停在ul上，请更改代码，然后显示li。我不确定是否使用CSS，但你可以使用jquery。 Jquery代码

$(".menu ul ul:hover").hover(function(){
        $(".menu ul ul>li").css("display", "block");
        });
});

---

如果你已经隐藏了李你怎么能悬停它

在下面的代码中，您隐藏了li

.menu ul ul>li  {
    display:none;
}

在下面编写的代码中，您可以通过将鼠标悬停在li上来显示

.menu ul ul>li:hover   {
    display:block;
} 

如果你将鼠标悬停在ul上，请更改代码，然后显示li。我不确定是否使用CSS，但你可以使用jquery。 Jquery代码

$(".menu ul ul:hover").hover(function(){
        $(".menu ul ul>li").css("display", "block");
        });
});

---

更新你的css如下：

.nav_包装器{/*--主导航包装器--*/ 位置：固定； z指数：9999； 左：0； 排名：0； 高度：90px； 宽度：100%； 过渡：顶部。1s放松； 文本对齐：左对齐； } 导航{ 保证金：0自动； } .卷轴{ 排名：0 } .没有卷轴{ 排名：0； z指数：9999 } 主要{ 保证金：0自动； 字号：12px } .菜单链接{ 显示：无 } .菜单{ 高度：90px； 背景：ffffff； 过渡期：所有1.0秒轻松； 填充：0； } .菜单ul{ 填充：0； 保证金：0； 列表样式：无； 位置：相对位置； 显示：内联块； 文本对齐：右对齐； } /*--设置主菜单项将以行显示-*/ 李先生{ 显示：内联块； } /*--使用鼠标悬停时设置主菜单项的背景色-*/ .菜单ul li:悬停{ 背景色：f95250； } /*--设置主菜单链接属性-*/ .菜单ul li a，已访问{ 填充：60px 10px 0px 0px； 显示：块； 文字装饰：无； 颜色：000； 文本转换：大写； 文本对齐：左对齐； -o-转变：.3s； -ms转换：.3s； -moz跃迁：.3s； -webkit转换：.3s； 转换：.3s } /*--设置鼠标悬停时的主菜单链接属性-*/ .菜单ul li a：悬停{ 颜色：白色； 字号：12号； 文字装饰：无； } /*--在主菜单项上悬停时显示子菜单-*/ .菜单ul li：悬停ul{ 显示：块； } /*--初始设置子菜单隐藏-*/ .菜单{ 显示：无； 位置：绝对位置； 背景色：990100； } /*--设置子菜单项属性-*/ .菜单ul li{ 显示：块； 文本对齐：左对齐； } /*--设置子菜单链接属性-*/ .菜单ul li a，已访问{ 颜色：黑色； } /*--设置鼠标悬停时的子菜单链接属性-*/ .菜单ul li a：悬停{ 颜色：白色； 显示：块； }

---

更新你的css如下：

.nav_包装器{/*--主导航包装器--*/ 位置：固定； z指数：9999； 左：0； 排名：0； 高度：90px； 宽度：100%； 过渡：顶部。1s放松； 文本对齐：左对齐； } 导航{ 保证金：0自动； } .卷轴{ 排名：0 } .没有卷轴{ 排名：0； z指数：9999 } 主要{ 保证金：0自动； 字号：12px } .菜单链接{ 显示：无 } .菜单{ 高度：90px； 背景：ffffff； 过渡期：所有1.0秒轻松； 填充：0； } .菜单ul{ 填充：0； 保证金：0； 列表样式：无； 位置：相对位置； 显示：内联块； 文本对齐：右对齐； } /*--设置主菜单项将以行显示-*/ 李先生{ 显示：内联块； } /*--使用鼠标悬停时设置主菜单项的背景色-*/ .菜单ul li:悬停{ 美国银行 KG圆形颜色：f95250； } /*--设置主菜单链接属性-*/ .菜单ul li a，已访问{ 填充：60px 10px 0px 0px； 显示：块； 文字装饰：无； 颜色：000； 文本转换：大写； 文本对齐：左对齐； -o-转变：.3s； -ms转换：.3s； -moz跃迁：.3s； -webkit转换：.3s； 转换：.3s } /*--设置鼠标悬停时的主菜单链接属性-*/ .菜单ul li a：悬停{ 颜色：白色； 字号：12号； 文字装饰：无； } /*--在主菜单项上悬停时显示子菜单-*/ .菜单ul li：悬停ul{ 显示：块； } /*--初始设置子菜单隐藏-*/ .菜单{ 显示：无； 位置：绝对位置； 背景色：990100； } /*--设置子菜单项属性-*/ .菜单ul li{ 显示：块； 文本对齐：左对齐； } /*--设置子菜单链接属性-*/ .菜单ul li a，已访问{ 颜色：黑色； } /*--设置鼠标悬停时的子菜单链接属性-*/ .菜单ul li a：悬停{ 颜色：白色； 显示：块； }

---

您好-您知道您可以将CSS、JS和HTML直接嵌入到您的问题中吗？查看小文档按钮。如果您想显示隐藏菜单，请使用jqueryy。您的JSFIDLE链接已断开，并且没有submenu@Justcode从URL的末尾去掉[1]，它就可以工作了。试试这个链接到子菜单嗨-你知道你可以将CSS、JS和HTML直接嵌入到你的问题中吗？查看小文档按钮。如果您想显示隐藏菜单，请使用jqueryy。您的JSFIDLE链接已断开，并且没有submenu@Justcode从URL末尾取下[1]即可使用。请尝试此链接至子菜单。非常感谢您提供的解决方案！非常感谢您的解决方案！