当前位置:Gxlcms > html代码 > 下拉菜单出不来_html/css_WEB-ITnose

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

时间:2021-07-01 10:21:17 帮助过:90人阅读

HTML

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


回复讨论(解决方案)

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

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

/*导航条*/.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;} 

/*导航条*/.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*/

人气教程排行