Question

我从身体标签开始。

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

</header>

<section class="wrapper">

</section>

</div>

</body>

这是页面的基本结构，主要问题是section 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。 PLS帮助。

Answer 1

您是否已合并HTML5 Shiv以支持IE8？

Answer 2

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

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

Answer 3

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

<script>
document.createElement('header');
document.createElement('section');
document.createElement('article');
document.createElement('aside');
document.createElement('nav');
document.createElement('footer');
</script>

Answer 4

Diodeus是正确的，IE8不知道该怎么办。要解决此问题，请插入HTML填充程序。它是一个javascript库，允许旧版浏览器理解标记。

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

此处有更多信息：https://code.google.com/p/html5shim/

Answer 5

header和section是HTML5标记。您需要包含html5shiv script（https://code.google.com/p/html5shiv/）才能让HTML5在IE8上运行

同样centre是属性align的非法值。你的意思是center。

除此之外，由于您仍在使用HTML5，因此应完全避免使用align属性，而是使用CSS。

Answer 6

IE8无法识别<header>和<section>等新HTML5标记有效。因此，它无法正确呈现它们。

您可以使用名为html5shiv的黑客来解决此问题，该黑客会强制IE8识别这些标记。

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

Div背景颜色未在IE8中显示

6 个答案: