IE8不使用脚本和html5

Question

我的一位朋友为一个网站做志愿工作，前几天有问题找我。显然，特别是运行IE8的一些用户（来自已响应的用户）无法正确查看页面布局。此脚本位于css之前最顶部的每个页面的标题中。从屏幕截图看，他向我展示了IE忽略了CSS并重叠了网站的各个部分。关于为什么的任何想法？

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

提前感谢您提供任何帮助。

Answer 1

我们可能需要看到该网站给您一个很好的答案，但这里有一些可能的疑难解答。

1. 用户是否启用了JavaScript？没有它，脚本根本不会工作。避免这种情况的唯一方法是不使用html5，这不是一个很好的选择，除非ie8支持对网站用户非常重要。
2. 页面上是否有任何JS错误？它可能会阻止它加载。
3. 尝试下载该js文件并在本地加载，而不是从谷歌加载。有时，跨域请求可能会导致问题。我从来没有遇到过从谷歌加载它的问题，但你可能想尝试。有些浏览器会以不同方式对见维基百科：Same origin policy
4. 您可能还想确保文件存在问题。也许还有其他一些奇怪的事情正在发生。 ie8不会识别html5元素，所以它不会设置它们的样式。如果这是你得到的布局问题，那么它可能就是那个文件。
另一件事。不要忘记在样式表中使用html5重置来设置ie中的html5元素为'display：block'。没有它，它们可能无法正常工作。

修改 下面是我在评论中提到的一个例子。

在HTML文件中：

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

在样式表中：

.container{
    position:relative;
}

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