1

我从body标签开始。

<body>
<div align="centre">
<header>

</header>

<section class="wrapper">

</section>

</div>

</body>

这是页面的基本结构，主要问题是部分 class="wrapper" 没有加载其设置为白色的 body-color。

这是包装类的 CSS。

.wrapper {
background: #FFF;
width: 100%;
float: left;
margin: 0;
padding: 0;
}

这是链接：http ://codomotive.in/projects/classified/index1%20-%20Copy.html

所有这些都在 CHROME、MOZILLA、SAFARI 中运行良好，但我必须让它适用于 IE8。请帮忙。

4

6 回答 6

1

你有没有加入HTML5 Shiv来支持 IE8？

于 2013-09-24T13:53:47.863 回答
0

正如 Diodeus 所述，IE 8 本身并不支持较新的 HTML 5 标签（例如<section>）。

但是，您可以使用html5shiv轻松添加支持。html5shiv将启用对 JavaScript（例如，document.getElementsByTagName('section')）和 CSS 中的这些元素的支持。

于 2013-09-24T13:45:39.910 回答
0

IE8 及更低版本需要添加一些代码来支持新的 html5 元素（例如 header、section 等）：

<script>
document.createElement('header');
document.createElement('section');
document.createElement('article');
document.createElement('aside');
document.createElement('nav');
document.createElement('footer');
</script>
于 2013-09-24T13:45:54.317 回答
0

Diodeus 是正确的，IE8 不知道如何处理 . 为了解决这个问题，插入一个 HTML shim。这是一个 JavaScript 库，允许旧版浏览器理解标签。

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

更多信息在这里：https ://code.google.com/p/html5shim/

于 2013-09-24T13:46:17.123 回答
0

header并且section是 HTML5 标签。您需要包含html5shiv script( https://code.google.com/p/html5shiv/ ) 以使 HTML5 在 IE8 上运行

也是centre属性的非法值align。你是说center这里。

除此之外，由于您无论如何都在使用 HTML5，因此您应该align完全避免使用属性并改用 CSS。

于 2013-09-24T13:47:20.707 回答
0

IE8 无法将新的 HTML5 标签（如<header>和）识别<section>为有效。因此，它不会正确呈现它们。

您可以通过使用名为html5shiv的 hack 来解决此问题，它会强制 IE8 识别这些标签。

另一种选择是使用Modernizr，它包含相同的功能，以及更多功能，可帮助您处理因使用旧浏览器而引起的其他问题。

于 2013-09-24T13:48:52.137 回答