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; } #李国宝{ 显示:块; }
大家好,我一直在关注Youtube上关于如何创建dropdow列表的教程。一切都进行得很顺利,直到我输入-显示:没有在css中的下拉列表,没有显示,但当我禁用它出现在正确的标签下面,这是探索。你知道我如何解决这个问题吗?请检查以下代码。我希望这能解决你的问题 您可以在/******************************注释之间找到更新的CSSHtml 为什么下拉列表不能正确显示 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; 高度:
滑动分页
身体{
填充: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;
}