Question

网页设置的DIV+CSS二级下拉菜单，为什么没出现？

额~代码是网上的，但它的下拉菜单下是空白。然后我在DIV里放了那代码，改了高宽，字体等等，但预览时没出现下拉。但其它放进去后没改代码也看不到下拉菜单，为什么？是不是要设置什么呢？还在在哪少了点什么？

Answer 1

.menu{margin-top:1px;position:relative;width:100%;float:left;background:url(../images/menu_bg.gif) repeat-x;height:40px;} .menu table{position:absolute; top:0; left:0;} .menu ul{list-style:none;margin:0;padding:0;} .menu ul li{width:105px;float:left;text-align:center;font-size:12px;position:relative;background:url(../images/menu_jiange.gif) no-repeat right center;font-weight:bold;} .menu ul li a{display:block;color:#fff;display:block;height:40px;line-height:40px;z-index:100;} .menu ul li a:hover{color:#ffee00;background:url(../images/menu_bg.gif) no-repeat;text-decoration:underline;} .menu ul li ul{visibility:hidden;position:absolute;background:url(../images/sub_menubg.gif) bottom center;border-bottom:none;z-index:100;top:40px;left:0px;} .menu ul li:hover ul,.menu ul a:hover ul{width:103px;visibility:visible;color:#fff;border:1px solid #ffb569;border-top:none;} .menu ul li:hover ul li,.menu ul a:hover ul li{width:103px;float:left;background:url(../images/su_bmenu_bottombg.gif) no-repeat bottom center ;height:30px;} .menu ul li:hover ul a,.menu ul a:hover ul a{height:30px;color:#fff;font-size:12px;font-weight:normal;text-align:left;text-indent:20px;} .menu ul li:hover ul a:hover,.menu ul a:hover ul a:hover{color:#ff0000;background:#f5f9d1;display:block;font-weight:normal} .menu ul li:hover ul li a,.menu ul a:hover ul li a{top:0;left:0;line-height:30px;} .menu ul li:hover ul li.last{} .menu ul li.last{background:none;} <div class="menu"> <ul> <li><a href="#">首页</a></li> <li><a href="#">关于我们 <!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]--> <ul> <li><a href="#">公司简介</a></li> <li><a href="#">公司优势</a></li> <li><a href="#">团队风采</a></li> <li><a href="#">荣誉展示</a></li> <li class="last"><a href="#">代言人介绍</a></li> </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]--> </li> <li><a href="#">新闻中心 <!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]--> <ul> <li><a href="#">公司新闻</a></li> <li><a href="#">行业新闻</a></li> <li class="last"><a href="#">最新公告</a></li> </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]--> </li> <li><a href="#">家用产品中心 <!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]--> <ul> <li><a href="#">红福系列</a></li> <li><a href="#">红运系列</a></li> <li><a href="#">红瑞系列</a></li> <li class="last"><a href="#">红泰系列</a></li> </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]--> </li> <li><a href="#">热水工程中心 <!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]--> <ul> <li><a href="#">工程概述</a></li> <li><a href="#">解决方案</a></li> <li><a href="#">工程案例</a></li> <li><a href="#">工程配件</a></li> <li class="last"><a href="#">工程合作预约</a></li> </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]--> </li> <li><a href="#">客户服务中心 <!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]--> <ul> <li><a href="#">服务理念</a></li> <li><a href="#">科普知识</a></li> <li><a href="#">维修保养</a></li> <li class="last"><a href="#">售后服务</a></li> </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]--> </li> <li><a href="#">人力资源 <!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]--> <ul> <li><a href="#">人才理念</a></li> <li><a href="#">招聘信息</a></li> <li class="last"><a href="#">在线应聘</a></li> </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]--> </li> <li><a href="#">经销商专区 <!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]--> <ul> <li><a href="#">加盟中心</a></li> <li class="last"><a href="#">经销商下载</a></li> </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]--> </li> <li class="last"><a href="#">联系我们 <!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]--> <ul> <li><a href="#">联系方式</a></li> <li><a href="#">在线留言</a></li> <li class="last"><a href="#">在线加盟</a></li> </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]--> </li> </ul> </div> 用这个吧，IE6,7,FF兼容