使HTML5标题适用于IE - HTML5 Shiv无法修复我的布局

时间:2011-12-02 00:30:25

标签: javascript internet-explorer html5 dom

我前几天发布了我在IE浏览器中遇到的问题。

今天我发现了我的问题,IE不能用于我的HTML5元素,例如<header><footer>

当我用<div>替换它们时,几乎所有的问题都消失了。所以我开始搜索如何为这些HTML5功能添加IE支持。

我也看到ModernizrHTML5 Shiv来自我所读到的内容,基本的Javascript为<header>添加支持就是这个......

document.createElement("header");

现在你可以看到我做了我的研究,但我仍然没有运气。 Modernizr没有工作,所以我尝试了HTML Shiv技巧,但仍然没有运气,所以接下来的Javascript技巧也没有运气。

那么有人可以告诉我我能做些什么吗?

我的IE版本是8,抱歉我没有要显示的网站的实时版本

1 个答案:

答案 0 :(得分:2)

这些脚本会使新元素在IE中运行,但它们的显示样式仍然缺失。 添加我从html5boilerplate.com粘贴的以下css:

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }