1. 爱易网页
  2. HTML教程
  3. 为什么不出现下拉菜单,该如何处理

为什么不出现下拉菜单,该如何处理

日期：2014-05-17　 浏览次数：20597 次

为什么不出现下拉菜单
<!DOCTYPE   html   PUBLIC   "-//W3C//DTD   XHTML   1.0   Transitional//EN "   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html   xmlns= "http://www.w3.org/1999/xhtml ">
<head>
<meta   http-equiv= "Content-Type "   content= "text/html;   charset=gb2312 "   />
<title> 无标题文档 </title>
<style>
*{margin:0px;
padding:0px;}

#header{width:1000px;
background-imge:url();
background-repeat:repeat-x;
margin:0px   auto;
}

#nav   li{float:left;
position:   relative;
list-style:none;
background-color:#9933CC;   }

#nav   li   a{display:block;
background-color:#cdcdcd;
color:#000000;
margin-left:2px;
padding:1px;
width:100px;
height:20px;
text-decoration:none;}

#nav   li   a:hover{
background-color:#bbbbbb;
color:#ff0000;}

#nav   li   ul{display:none;
background-color:#33FF66;}

#nav   li   a:hover   ul   {   display:block;   position:absolute;   left:0px;top:22px;}


#nav   li   a:hover   ul   li   a   {   display:block;
background-color:#00FFCC;}
</style>
</head>

<body>
<div   id=header> head </div>
<ul   id= "nav ">
  <li> <a   href= "# "> 水平导航1 </a>
      <ul>
          <li> <a   href= "# "> 下拉1-1 </a> </li>
          <li> <a   href= "# "> 下拉1-2 </a> </li>
          <li> <a   href= "# "> 下拉1-3 </a> </li>
          <li> <a   href= "# "> 下拉1-4 </a> </li>
          <li> <a   href= "# "> 下拉1-5 </a> </li>
      </ul>
    </li>
  <li> <a   href= "# "> 水平导航2 </a>
      <ul>
          <li> <a   href= "# "> 下拉2-1 </a> </li>
          <li> <a   href= "# "> 下拉2-2 </a> </li>
          <li> <a   href= "# "> 下拉2-3 </a> </li>
          <li> <a   href= "# "> 下拉2-4 </a> </li>
          <li> <a   href= "# "> 下拉2-5 </a> </li>
      </ul>
  </li>
  <li> <a   href= "# "> 水平导航3 </a>
      <ul>
          <li> <a   href= "# "> 下拉3-1 </a> </li>
          <li> <a   href= "# "> 下拉3-2 </a> </li>
          <li> <a   href= "# "> 下拉3-3 </a> </li>
          <li&

相关资料更多>

  1. CSS样式表高效使用的技巧
  2. 框架有关问题
  3. 问一个css引用的小疑点
  4. html:error怎么定义出错信息的颜色和字体
  5. 一个 Http Get 请求的有关问题
  6. HTML中增添虚线
  7. 求解释,待,come on!
  8. Head中的link、meta、的元素跑到body里面去了,该怎么处理
  9. CSS 外边距合并 可以关闭吗？解决方法