Html 为什么下拉列表不能正确显示 Jquery 身体{ 填充:0; 保证金:0; 溢出y:滚动; 字体系列:无衬线; 字号:18px; } #容器{ 宽度:1200px; 高度:1000px; 利润率:70像素自动; 边框:1px实心; 背景色:aliceblue; 排名:0; } #标题{ 宽度:100%; 高度:60px; 背景色:#212121; 盒影:0px 4px 2px#333; 顶部:0px; z指数:1000; 保证金:0自动; 位置:固定; 空白:nowrap; } #收割台h1{ 宽度:1024px; 保证金:0px自动; 填充:12px; 颜色:白色; } .影子{ 背景图片:url(shadow.png); 背景重复:无重复; 背景位置:顶部; 宽度:864px; 高度:144px; 保证金:-60px自动; } .标志{ 浮动:左; 高度:60px; 填充物:5px 3px; 线高:40px; } .Logo img{ 宽度:60%; } #导航{ 背景色:#212121; } #导航包装器{ 宽度:960px; 保证金:0自动; 文本对齐:左对齐; } #导航ul{ 列表样式类型:无; 填充:0; 保证金:0; 位置:相对位置; } #李国荣{ 显示:内联块; } #nav ul li:悬停{ 背景色:#FF0000; } #海军保险公司{ 垂直对齐:中间对齐; 左侧填充:10px; 宽度:20; } #海军李娜,到访{ 颜色:#ccc; 显示:块; 填充:15px; 文字装饰:无; } #导航ulli a:悬停{ 背景色:#FF0000; 文字装饰:无; 身高:50%; } #导航ulli:悬停ul{ 显示:块; } #导航ul{ 位置:绝对位置; 背景色:#212121; } #李国宝{ 显示:块; }

Html 为什么下拉列表不能正确显示 Jquery 身体{ 填充:0; 保证金:0; 溢出y:滚动; 字体系列:无衬线; 字号:18px; } #容器{ 宽度:1200px; 高度:1000px; 利润率:70像素自动; 边框:1px实心; 背景色:aliceblue; 排名:0; } #标题{ 宽度:100%; 高度:60px; 背景色:#212121; 盒影:0px 4px 2px#333; 顶部:0px; z指数:1000; 保证金:0自动; 位置:固定; 空白:nowrap; } #收割台h1{ 宽度:1024px; 保证金:0px自动; 填充:12px; 颜色:白色; } .影子{ 背景图片:url(shadow.png); 背景重复:无重复; 背景位置:顶部; 宽度:864px; 高度:144px; 保证金:-60px自动; } .标志{ 浮动:左; 高度:60px; 填充物:5px 3px; 线高:40px; } .Logo img{ 宽度:60%; } #导航{ 背景色:#212121; } #导航包装器{ 宽度:960px; 保证金:0自动; 文本对齐:左对齐; } #导航ul{ 列表样式类型:无; 填充:0; 保证金:0; 位置:相对位置; } #李国荣{ 显示:内联块; } #nav ul li:悬停{ 背景色:#FF0000; } #海军保险公司{ 垂直对齐:中间对齐; 左侧填充:10px; 宽度:20; } #海军李娜,到访{ 颜色:#ccc; 显示:块; 填充:15px; 文字装饰:无; } #导航ulli a:悬停{ 背景色:#FF0000; 文字装饰:无; 身高:50%; } #导航ulli:悬停ul{ 显示:块; } #导航ul{ 位置:绝对位置; 背景色:#212121; } #李国宝{ 显示:块; },html,css,Html,Css,大家好,我一直在关注Youtube上关于如何创建dropdow列表的教程。一切都进行得很顺利,直到我输入-显示:没有在css中的下拉列表,没有显示,但当我禁用它出现在正确的标签下面,这是探索。你知道我如何解决这个问题吗?请检查以下代码。我希望这能解决你的问题 您可以在/******************************注释之间找到更新的CSS 滑动分页 身体{ 填充:0; 保证金:0; 溢出y:滚动; 字体系列:无衬线; 字号:18px; } #容器{ 宽度:1200px; 高度:

大家好,我一直在关注Youtube上关于如何创建dropdow列表的教程。一切都进行得很顺利,直到我输入-显示:没有在css中的下拉列表,没有显示,但当我禁用它出现在正确的标签下面,这是探索。你知道我如何解决这个问题吗?

请检查以下代码。我希望这能解决你的问题

您可以在/******************************注释之间找到更新的CSS


滑动分页
身体{
填充:0;
保证金:0;
溢出y:滚动;
字体系列:无衬线;
字号:18px;
}
#容器{
宽度:1200px;
高度:1000px;
利润率:70像素自动;
边框:1px实心;
背景色:aliceblue;
排名:0;
}
#标题{
宽度:100%;
高度:60px;
背景色:#212121;
盒影:0px 4px 2px#333;
顶部:0px;
z指数:1000;
保证金:0自动;
位置:固定;
空白:nowrap;
}
#收割台h1{
宽度:1024px;
保证金:0px自动;
填充:12px;
颜色:白色;
}
.影子{
背景图片:url(shadow.png);
背景重复:无重复;
背景位置:顶部;
宽度:864px;
高度:144px;
保证金:-60px自动;
}
.标志{
浮动:左;
高度:60px;
填充物:5px 3px;
线高:40px;
}
.Logo img{
宽度:60%;
}
#导航{
背景色:#212121;
}
#导航包装器{
宽度:960px;
保证金:0自动;
文本对齐:左对齐;
}
#导航ul{
列表样式类型:无;
填充:0;
保证金:0;
位置:相对位置;
}
#李国荣{
显示:内联块;
}
#nav ul li:悬停{
背景色:#FF0000;
}
#海军保险公司{
垂直对齐:中间对齐;
左侧填充:10px;
宽度:20;
}
#nav ul li a,
拜访{
颜色:#ccc;
显示:块;
填充:15px;
文字装饰:无;
}
#导航ulli a:悬停{
背景色:#FF0000;
文字装饰:无;
身高:50%;
}
/*********************************/
#导航ulli:悬停ul{
显示:块;
}
#导航ul{
位置:绝对位置;
背景色:#212121;
显示:无;
}
/*********************************/
#李国宝{
显示:块;
}
  • <html> <head> <meta charset = "utf-8/"> <title> Jquery </title> <script type = "text/javascript" src = "http://code.jquery.com/jquery-1.11.3.min.js"></script> <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css"> <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script> <script type = "text/javascript" src = "jsi/Scriptz.js" > </script> <link rel = "stylesheet" type = "text/css" href = "RizzStyle.css"/> <!-- Start Skider --> <link rel="stylesheet" type="text/css" href="engine1/style.css" /> <script type="text/javascript" src="engine1/jquery.js"></script> <!-- End Slider--> </head> <body onload = "Slider();" background = "black.jpg" > <div id = "header"> <div id = "nav"> <div class = "Logo"> <a href = "Main.html"> <img src = "Logo.png" border = "0" /> </a> </div> <div id = "nav_wrapper"> <ul> <li> <a href="#">Home</a></li><li> <a href="#">About Us</a></li><li> <a href="#">Explore <img src = "Arrow.png"/></a> <ul> <li><a href="#">Series/Movies</a></li> <li><a href="#">Sports</a></li> <li><a href="#">Games</a></li> </ul> </li> </ul> </div> </div> </div> <div id = "container" > <div id="wowslider-container1"> <div class="ws_images"><ul> <li><img src="data1/images/north.jpg" alt="North" title="North" id="wows1_0"/></li> <li><a href="http://wowslider.com/vi"><img src="data1/images/wolf.jpg" alt="content slider" title="Wolf" id="wows1_1"/></a> </li> <li><img src="data1/images/android.jpg" alt="Android" title="Android" id="wows1_2"/></li> </ul></div> <div class="ws_bullets"><div> <a href="#" title="North"><span><img src="data1/tooltips/north.jpg" alt="North"/>1</span></a> <a href="#" title="Wolf"><span><img src="data1/tooltips/wolf.jpg" alt="Wolf"/>2</span></a> <a href="#" title="Android"><span><img src="data1/tooltips/android.jpg" alt="Android"/>3</span></a> </div></div> <div class="ws_shadow"></div> </div> <script type="text/javascript" src="engine1/wowslider.js"></script> <script type="text/javascript" src="engine1/script.js"></script> <div class = "shadow"> </div> </div> </body> </html> body{ padding:0; margin:0; overflow-y:scroll; font-family: sans-serif; font-size: 18px; } #container { width:1200px; height:1000px; margin: 70px auto; border : 1px solid; background-color: aliceblue; top:0; } #header{ width : 100%; height: 60px; background-color:#212121; box-shadow: 0px 4px 2px #333; top:0px; z-index: 1000; margin: 0 auto; position:fixed; white-space: nowrap; } #header h1{ width : 1024px; margin : 0px auto; padding:12px; color:white; } .shadow{ background-image : url(shadow.png); background-repeat: no-repeat; background-position: top; width: 864px; height:144px; margin: -60px auto; } .Logo{ float:left; height: 60px; padding:5px 3px; line-height:40px; } .Logo img{ width:60%; } #nav{ background-color: #212121; } #nav_wrapper{ width:960px; margin:0 auto; text-align: left; } #nav ul{ list-style-type: none; padding: 0; margin: 0; position: relative; } #nav ul li{ display:inline-block; } #nav ul li :hover{ background-color: #FF0000; } #nav ul li img{ vertical-align: middle; padding-left:10px; width:20; } #nav ul li a,visited{ color:#ccc; display:block; padding: 15px; text-decoration: none; } #nav ul li a:hover{ background-color:#FF0000; text-decoration: none; height:50%; } #nav ul li: hover ul{ display: block; } #nav ul ul{ position:absolute; background-color:#212121; } #nav ul ul li{ display:block; }