css - IE8 不适用于脚本和 html5

Question

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

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

提前感谢您的帮助。

score 0 · Accepted Answer

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

用户是否启用了 JavaScript？没有它，该脚本将根本无法工作。避免这种情况的唯一方法是不使用 html5，除非 ie8 支持对站点用户非常重要，否则这不是一个很好的选择。
页面上是否有任何 JS 错误？它可能会阻止它加载。
尝试下载该 js 文件并在本地而不是从谷歌加载它。有时跨域请求可能会导致问题。我从来没有遇到过从谷歌加载它的问题，但你可能想试试。有些浏览器对待它的方式不同。参见维基百科：同源政策
您可能还想确保该文件是问题所在。也许还有其他一些奇怪的事情正在发生。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;
}

1 回答 1