我不得不承认我完全被这个问题难住了。我一直在网上寻找解决办法，但如果这个问题已经解决了，我真诚地提前道歉。
我正在做一个网站，它至少需要在IE8中完美地工作。我在IE6中禁用了一些漂亮的东西，并记得它在所有版本中都能正常工作。在Firefox, Chrome和Safari中也可以正常工作。然而，今天，它决定打破。问题如下:
-
页面在IE6、7或8中无法加载。我唯一的猜测是有一个脚本或其他东西在头部停止浏览器。我试着加载它后删除所有的脚本和链接在头部，无济于事。这只是一张白纸。我该如何解决这个问题?
-
当页面加载时，所有版本的IE的顶部导航都被破坏了。在Firefox、Chrome或Safari中，效果都很好。导航中的每个链接都是一个
<li>，其中是一个<a>。当用户滚动到<li>时，它下面相应的"聚光灯"图像将通过自定义的jquery交换。但是现在连链接都没有了 -
由于某种原因，底部带有小标签链接的图像正在断开。在它们的正常状态下，它们很好。在翻转时，标签会弹出一点并改变颜色。我有
border-radius和box-shadow在他们上，我也在容器上使用CSS3派。然而，在翻转时，角落变成黑色。看起来像png没有正确显示，但它们是用CSS制作的。这个问题不像恢复基本页面功能那么紧迫，因为我可以恢复使用图像来实现这一点，但这也是一个令人头疼的问题。
在我的办公室，我们在Windows 7上使用原生的IE9，以及一个名为IETester的程序来在其他版本中拉出网站。我们有一台相当旧的电脑，本机也运行IE6，但结果都是一样的。
这个项目快到截止日期了，所以它就这样中断了，真是令人痛心。如果有人知道这里出了什么问题，请告诉我。该网站被托管在:
这个位置页面与header.php和footer.php的php include放在一起。
这样你就知道标题里链接的是什么了:
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript" ></script>
<script src="js/libs/modernizr-2.0.6.min.js" type="text/javascript" ></script>
<script src="js/script.js" type="text/javascript" ></script>
<script src="js/plugins.js" type="text/javascript" ></script>
<script src="js/libs/PIE.js" type="text/javascript" ></script>
<!--[if IE 6]>
<link href="css/ie6.css" rel="stylesheet" type="text/css" />
<![endif]-->
在style中，重置和排版样式表通过@import连接在一起。它们也在css目录中。
这是我的头文件，从body标签开始:
<body>
<div id="wrapper">
<div id="header">
<div id="masthead"></div>
<ul class="nav">
<li class="nav_spacer_left"></li>
<a href="#" id="nav1"><li class="index"></li></a>
<a href="##" id="nav2"><li class="works"></li></a>
<a href="###" id="nav3"><li class="products"></li></a>
<a href="####" id="nav4"><li class="partners"></li></a>
<a href="#####" id="nav5"><li class="company"></li></a>
<a href="######" id="nav6"><li class="contact"></li></a>
<li class="nav_spacer_right"></li>
</ul>
<div id="lights">
<div class="nav_light" id="nav1_light"></div>
<div class="nav_light" id="nav2_light"></div>
<div class="nav_light" id="nav3_light"></div>
<div class="nav_light" id="nav4_light"></div>
<div class="nav_light" id="nav5_light"></div>
<div class="nav_light" id="nav6_light"></div>
</div>
</div><!--! end of #Header -->
<div class="clear"></div>
<div id="background">
<div class="shelf"></div>
<div class="content">
这是用于聚光灯的jQuery，非常基本的东西:
/*
Spotlights
*/
$(document).ready(function() {
$('#nav1').hover(function() {
$('#nav1_light').addClass('nav_light_bright');
}, function() {
$('#nav1_light').removeClass('nav_light_bright');
});
$('#nav2').hover(function() {
$('#nav2_light').addClass("nav_light_bright");
}, function() {
$('#nav2_light').removeClass("nav_light_bright");
});
$('#nav3').hover(function() {
$('#nav3_light').addClass("nav_light_bright");
}, function() {
$('#nav3_light').removeClass("nav_light_bright");
});
$('#nav4').hover(function() {
$('#nav4_light').addClass("nav_light_bright");
}, function() {
$('#nav4_light').removeClass("nav_light_bright");
});
$('#nav5').hover(function() {
$('#nav5_light').addClass("nav_light_bright");
}, function() {
$('#nav5_light').removeClass("nav_light_bright");
});
$('#nav6').hover(function() {
$('#nav6_light').addClass("nav_light_bright");
}, function() {
$('#nav6_light').removeClass("nav_light_bright");
});
})
如果让别人挖掘我的代码让我显得很混蛋，我再次真诚地道歉。我真的很感激那些好心帮助我解决这个问题的人，我想提前说声谢谢。如果只是一些小小的未关闭的标签之类的东西，请放心，我至少要呆上十分钟。
我在发布问题时遇到了问题，所以我没有链接到页面，而是在这里包含了一些脚本。如果你想看一下所有的css，它在我之前链接到的网站的/css/目录中。当然，如果需要的话，我可以在这里发布更多的代码。
修复。在我不知情的情况下，doctype上面产生了一个空格!: - o