Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 为什么悬停时不显示我的列表_Html_Css_List_Drop Down Menu - Fatal编程技术网

Html 为什么悬停时不显示我的列表

Html 为什么悬停时不显示我的列表,html,css,list,drop-down-menu,Html,Css,List,Drop Down Menu,当我将鼠标悬停在列表上时,列表不显示。对于顶部导航,当我将鼠标悬停在英语上时,它应该显示更多的语言 您可以添加CSS,使菜单项li的鼠标上方的ul子菜单可见 #main-nav ul li:hover ul { display:block; } 您可以添加CSS,使菜单项li的鼠标上方的ul子菜单可见 #main-nav ul li:hover ul { display:block; } 您的“主导航”没有:悬停样式。只需添加以下内容: #main-nav ul li:hover

当我将鼠标悬停在列表上时,列表不显示。对于顶部导航,当我将鼠标悬停在英语上时,它应该显示更多的语言

您可以添加CSS,使菜单项
li
鼠标上方的
ul
子菜单可见

#main-nav ul li:hover ul {
   display:block;
}

您可以添加CSS,使菜单项
li
鼠标上方的
ul
子菜单可见

#main-nav ul li:hover ul {
   display:block;
}

您的“主导航”没有:悬停样式。只需添加以下内容:

#main-nav ul li:hover > ul {
    display:block;
}

…它会工作的(在你的链接中测试)。

你的“主导航”没有:hover样式。只需添加以下内容:

#main-nav ul li:hover > ul {
    display:block;
}

…而且它会起作用(在您的链接中测试)。

您确实需要缩小示例的范围。要求某人深入研究您的整个应用程序并进行调试不会获得太多帮助。隔离问题并发布一些实际代码以及简化的JSFIDLE,人们会更愿意与您合作。您能发送该部分的确切代码而不是整个页面吗?阅读所有的HTML和CSS变得非常困难。哦,好的,谢谢,我现在就要这么做。你真的需要缩小你的例子的范围。要求某人深入研究您的整个应用程序并进行调试不会获得太多帮助。隔离问题并发布一些实际代码以及简化的JSFIDLE,人们会更愿意与您合作。您能发送该部分的确切代码而不是整个页面吗?阅读所有的HTML和CSS变得非常困难。哦,好的,谢谢,我现在就要这么做。哈哈,你比我快了大约20秒。:)@在这里插入用户名Lol,这真的非常接近:)哈哈,你快了大约20秒@在这里插入用户名Lol,这真的很接近:)