Css IE8不使用脚本和html5

我的一个朋友为一个网站做义工，前几天他带着一个问题来找我。显然，特别是一些运行IE8的用户（来自响应用户）无法正确查看页面布局。此脚本位于css之前的每个页面顶部的页眉中。从他向我展示的屏幕截图来看，IE忽略了CSS，并重叠了网站的各个部分。你知道为什么吗

<!--[if IE]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

---

提前感谢您的帮助

我们可能需要查看网站才能给您一个好的答案，但这里有一些可能的解决方法

用户是否启用了JavaScript？没有它，脚本就根本无法工作。避免这种情况的唯一方法是不要使用html5，除非ie8支持对网站用户非常重要，否则html5不是一个很好的选择

页面上有JS错误吗？它可能会阻止它加载

尝试下载js文件并在本地加载，而不是从google加载。有时跨域请求可能会导致问题。我从来没有遇到过从谷歌加载它的问题，但你可能想试试。有些浏览器对它的处理方式不同。见维基百科：

您还可能需要确保该文件是问题所在。也许还有其他奇怪的事情。ie8不会识别html5元素，因此不会对它们进行样式化。如果这是您遇到的布局问题，那么可能就是该文件

还有一件事。别忘了在样式表中使用html5重置将ie中的html5元素设置为“display:block”。没有它，它们可能无法正常工作

编辑： 下面是我在评论中提到的一个例子

在HTML文件中：

<div class="container">
    <section id="left"><!-- sidebar --></section>
    <article><!--  content --></article>
</div>

---

告诉他们使用真正的浏览器：-）。别开玩笑了，用这么少的信息回答你的问题是非常困难的。网站是否公开可供浏览？如果他们粘贴

http://html5shiv.googlecode.com/svn/trunk/html5.js

在他们浏览器的地址栏中下载文件吗？谢谢你回复我。我刚收到我朋友的回信。该网站是www.worldofhummingbirds.com。css如下：页眉、节、文章、页脚{填充：10px 20px 20px；边距：10px；边框：1px实心#e7e2d7；背景：#ffffff url（images/bg.png）repeat-x；边框半径：8px；}节#左{位置：绝对；宽度：200px；字体大小：1em；边距：0px 0px 10px 10px；z-index:25；}文章{左边距：270px；溢出：隐藏；填充：0px 20px 20px 20px；}我看到ie7中的边栏（节标记）位于内容区域（文章标记）的顶部。这就是你看到的问题吗？我认为这不是HTML5的问题。HTML5标记似乎工作正常。看起来更像是兼容性问题。ie7中位于内容顶部的侧边栏的问题是因为属性“position:absolute”位于侧边栏上，没有上/下和左/右属性。如果你将您的内容区域（第#部分和文章）添加到一个div中，并将属性“position:relative”添加到该div中，然后将“top:0”和“left:0”添加到侧边栏中，这应该可以解决问题。谢谢MPetty。他说他改变了一些东西，希望它能更好地工作。不幸的是，我运行IE8，无法为他进行测试。您觉得怎么样？

.container{
    position:relative;
}

section#left{
    position:absolute;
    top:0;
    left:0;
}