做了一个带下拦菜单的导航条 下拉菜单不显示的时候一切正常 反之 影响下面的div比较有特色的情况1、 在ie下正常 opera ff下就出问题了2、 我是用php引入的一个top页 如果直接做在主页也正常 

解决方案 »

  1.   


    不是 是导航菜单 下面的div 挤开了
      

  2.   

    你php文件里面的div闭合正确吗?
      

  3.   


    可能我没有把情况说清楚有两个div 一个是导航栏 一个是页面内容 如果导航栏下拉菜单显示的话 面页内容会被挤开 
      

  4.   

    你的下拉菜单是用div做的?
    是不是position问题啊?
      

  5.   

    top.css<!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=utf-8" />
    <script type="text/javascript" src="js/jquery-1.5.2.js"></script>
    <title>无标题文档</title><script type="text/javascript">
    $(document).ready(function(){
    $(".menu-bd").hide();
    $("#kefu").bind("mouseenter", function(){
    $("#kefu").addClass("nav-hover");
    $(".menu-bd").show();
    });
    $("#kefu").bind("mouseleave",function(){
    $("#kefu").removeClass("nav-hover");
    $(".menu-bd").hide();
         /*alert("mouse out");*/
    });

    });
    </script><style type="text/css">
    #nav_box{
    width:1009px;
    height:50px;
    margin:0 auto;
    border:1px solid #dddddd;
    background-image:url(img/line04.png);
    background-repeat:repeat-x;
    }.nav_menu{
    font-family:"黑体";
    font-size:14px;
    color:#000;
    margin:0px;
    padding:0px;
    width:100%;
    height:50px;
    margin-left:10px;
    }.nav_menu li{
    width:80px;
    float:left;
    list-style-type:none;
    line-height:50px;
    text-align:center;
    }.nav_menu li a{
    color:#666;
    text-decoration:none;
    /*background-color:#3FC;*/
    padding:17px 5px 17px 5px;
    }.nav-hover{
    border-right:1px solid #dddddd;
    border-bottom:1px solid #FFF;
    border-left:1px solid #dddddd;
    background-color:#FFF;
    }.menu-bd{
    width:200px;
    height:150px;
    border-right:1px solid #dddddd;
    border-bottom:1px solid #dddddd;
    /*border-left:1px solid #dddddd;*/
    background-color:#FFF;
    margin-top:2px;
    position:relative;
    z-index:1;
    clear:both;

    }.menu-ul{
    width:180px;
    height:190px;
    margin:0px;
    padding:0px
    padding-top:10px;
    padding-left:10px;
    }.menu-ul li{
    float:none;
    /*border-bottom:1px dashed #CCC;*/
    width:200px;
    line-height:25px;
    text-align:left;
    }.menu-ul li a{
    color:#666;
    font-family:"宋体";
    font-size:12px;
    padding:5px 5px 5px 5px;
    }.menu-ul li a:hover{
    color:#F00;
    }
    </style>
    </head><body>
    <div id="nav_box">
      <ul class="nav_menu">
        <li><a href="#">首  页</a></li>
        <li><a href="news.php">新闻中心</a></li>
        <li><a href="#">产品中心</a></li>
        <li><a href="#">成功案例</a></li>
        <li><a href="#">解决方案</a></li>    
        <li><a href="#">系统定制</a></li>    
        <li id="kefu"><a href="#">服务与支持</a>
          <div class="menu-bd">
            <ul class="menu-ul">
              <li><a href="#">在线咨询</a></li>
              <li><a href="#">常见问题</a></li>
              <li><a href="#">软件定制流程</a></li>
              <li><a href="#">系统定制合同范例</a></li>
              <li><a href="#">软件错误申报</a></li>
              <li><a href="#">软件投诉</a></li>
            </ul>
          </div>
        </li>
        <li><a href="#">天翊论坛</a></li>  
        <li><a href="#">关于我们</a></li>        
        
      </ul>
    </div>
    </body>
    </html>
      

  6.   

    样式写的兼容性太差了,建设 JS+csshttp://paranimage.com/css-and-more-than-30-drop-down-menu-resources-js/
      

  7.   

    没有用top属性吧,要把置顶级别提高