Question

就像标题所说，在IE中，图像显示两次，但在其他浏览器中显示完美。现在奇怪的是它在我的5页中的2页显示错误。虽然代码对所有人来说都是一样的。

事情是两个导航部分的html代码完全相同，他们从同一个css文件中获取图像..

有人可以查看可能出现的问题吗？

CSS：

a img
{
border:none;
}

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #7f7e7e;
margin: 0px;
padding: 0px;
background-color: #ffffff
background-image: url(images/#####.pg);
background-repeat: repeat-x

}

#container {
width: 1200px;
margin: auto;
overflow: hidden;
}

#header {
width: 1200px;
height: 130px;
}



#logo {
background-image: url(../images/logo.png);
background-repeat: no-repeat;
width: 425px;
height: 87px;
margin-top: 28px;
margin-left: 128px;
float: left;
}

#logo_des {
background-image: url(../images/logo2.png);
background-repeat: no-repeat;
width: 311px;
height: 57px;
float: right;
margin-top: 57px;
margin-right: 37px;
}




.nav_menu li { 
list-style: none;
display: inline;
margin-left: 159px;
line-height: 40px;


}

HTML：

<!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> <title> x</title>

    <link href = "styles.css" rel="stylesheet" type="text/css" />


</head>

<body>
<a name="top">
<div id="container"> <!-- BEGIN CONTAINER -->
<div id="header"> <!--BEGIN HEADER -->
<div id="logo"><!-- BEGIN LOGO -->
</div><!-- END LOGO -->     

<div id="logo_des"> <!-- BEGIN LOGO DESCRIPTION -->
</div> <!--END LOGO DESCRIPTION -->

</div> <!--END HEADER-->

<div id="navigation_line"> <!-- BEGIN NAVIGATION_LINE -->
<div id="menu"> <!--BEGIN MENU-->

<ul class="nav_menu">
<li><a href="index.html">Home</a></li>
<li><a href="about_x.html">About x</a></li>
<li><a href="our_services.html">Our Services</a></li>
<li><a href="contact_us.html">Contact Us</a></li>
<li><a href="partners.html">Partners</a></li>
</ul>   
</div> <!-- END NAVIGATION_LINE -->
</div> <!--END MENU--> `

Answer 1

我的愚蠢，我忘了通过验证器。修正了一些错误，现在就完成了。

抱歉浪费你的时间。

Answer 2

您需要关闭一些打开的标签：）

图像在Internet Explorer 9中显示两次，而它在firefox或chrome中完美显示

2 个答案: