日期:2014-05-17  浏览次数:20665 次

这是要逆天啊。。。。。浏览器不兼容的一个问题
问题就是在firefox,ie8里页面底部的文字和背景图会灵异的跑到最顶端,在导航条之上。。。实在是想不出为什么。。拜托各位了!!


首先,html代码:是模板页的

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
  <title>深圳网能达公司</title>
  <link rel="stylesheet" type="text/css" href="images/Master.css"/>
  <script type="text/javascript" src="images/bar.js"></script>
  <script type="text/javascript">
  $(function(){
  $menuLi = $(".menu>ul>li");
  $menuLi.hover(function() {
  $(this).addClass("selected");
  },function(){
  $(this).removeClass("selected");
  })
  })
  </script>
  <asp:ContentPlaceHolder id="header" runat="server">
  </asp:ContentPlaceHolder>
</head>
<body>
  <form id="form1" runat="server">
  <div class="xbody" >
  <div class="head" style="height: 64px">
  <ul>
  <li><a href="Default.aspx"><span><img src="images/logo.gif" alt="" style="width: 228px; height: 86px;"/></span></a></li>  
  </ul>
  </div>
  <div class="menu">
  <ul>
  <li><a href="Default.aspx" style="width: 160px">首页</a>
  </li>
  <li><a href="#">关于网能达</a>
  <ul><li style="left: 0px; top: 0px"><a href="brief.aspx">公司简介</a></li>
  <li><a href="culture.aspx">企业文化</a></li>
  <li><a href="talk.aspx">咨询反馈</a></li>
  <li><a href="adminlogin.aspx">进入后台</a></li>
  </ul>
  </li>
  <li><a href="#">公司动态</a>
  <ul>
  <li><a href="com_progress.aspx">发展进程</a></li>
  <li><a href="future.aspx">未来规划</a></li>
  </ul>
  </li>
  <li><a href="#">产品介绍</a>
  <ul>
  <li><a href="product.aspx";>产品展示</a></li>
  <li><a href="product/pro.aspx";>资质证书</a></li>
  </ul>
  </li>
  <li><a href="#">商务合作</a>
  <ul>
  <li><a href="coorperation.aspx">合作信息</a></li>
  <li><a href="coorperation.aspx">联系方式</a></li>
  </ul>
  </li>
  <l