下拉菜单出不来_html/css_WEB-ITnose-html tutorial-php.cn

下拉菜单出不来_html/css_WEB-ITnose

WBOY

Lepaskan： 2016-06-21 09:45:34

asal

1355 orang telah melayarinya

HTML

本人菜鸟，写个网站导航的下拉菜单，但却出不来是什么原因呢

<div class="navbar">		<ul>			<li><a href="#" id="a1">首页</a></li>			<li><a href="#" id="a2">车站简介</a></li>			<li><a href="#" id="a3">班线简介</a>				<ul> 					<li class="opacity submenu_bottom"><a href="bcxl.jsp">主营班线</a></li>					<li class="opacity submenu_bottom"><a href="bccx.jsp">班次查询</a></li>				</ul>			</li>

Salin selepas log masuk

回复讨论(解决方案)

没有样式，没有脚本，怎么会出不来呢

没有样式，没有脚本，怎么会出不来呢
下面是样式不知道是不是写错了

/*导航条*/.navbar{ width:1000px;height:38px; background:url(../images/navbar.jpg) no-repeat; margin:0 auto;}.navbar ul li{ height:38px; line-height:38px; float:left; text-align:center; width:100px;}.navbar ul li a{height:38px; line-height:32px; font-size:15px; font-weight:bold; text-decoration:none; display:block; font-family: "微软雅黑"; color:#000000; }.navbar ul li a.click,.navbar ul li a:hover{color:#FFFFFF; background:url(../images/navbar_a.png)  no-repeat;}.navbar ul li a div{ background:#f00; display:none;}.navbar li ul li{ float: left;width: 100px;}.navbar li ul li.submenu_bottom{ float: left; width: 100px; background: url(../images/navbar_a.png) no-repeat; height:32px; font-weight:normal; }.navbar li ul li a{ display: block; width: 100px;text-align:center;text-decoration:none; background:none; } .navbar li ul li a:hover { color:#fff; text-decoration:none;font-weight:normal; /*background:#B97136;*/ background:#10BAF0; } .navbar li ul li.submenu_bottom a:hover{ float: left; width: 100px; background: url(../images/navbar_a.png) left -31px no-repeat; height:32px; font-weight:normal; }  .navbar li:hover ul { left: auto;}

Salin selepas log masuk

/*导航条*/.navbar{ width:1000px;height:38px; background:url(../images/navbar.jpg) no-repeat; margin:0 auto;}.navbar ul li{ height:38px; line-height:38px; float:left; text-align:center; width:100px;}.navbar ul li a{height:38px; line-height:32px; font-size:15px; font-weight:bold; text-decoration:none; display:block; font-family: "微软雅黑"; color:#000000; }.navbar ul li a.click,.navbar ul li a:hover{color:#FFFFFF; background:url(../images/navbar_a.png)  no-repeat;}.navbar ul li a div{ background:#f00; display:none;}.navbar li ul{display:none}/*ADD*/.navbar li ul li{ float: left;width: 100px;}.navbar li ul li.submenu_bottom{ float: left; width: 100px; background: url(../images/navbar_a.png) no-repeat; height:32px; font-weight:normal; }.navbar li ul li a{ display: block; width: 100px;text-align:center;text-decoration:none; background:none; } .navbar li ul li a:hover { color:#fff; text-decoration:none;font-weight:normal; /*background:#B97136;*/ background:#10BAF0; } .navbar li ul li.submenu_bottom a:hover{ float: left; width: 100px; background: url(../images/navbar_a.png) left -31px no-repeat; height:32px; font-weight:normal; }  .navbar li:hover ul { left: auto;display:block} /*ADD*/

Salin selepas log masuk