前几天我发布了有关我在 IE 中的布局问题的帖子。
今天我发现了我的问题,IE 无法处理我的 HTML5 元素,例如 <header>
和 <footer>
当我用 <div>
替换它们时几乎我所有的问题都消失了。所以我开始寻找如何为这些 HTML5 功能添加 IE 支持。
我遇到了 Modernizr和 HTML5 Shiv同样从我读到的内容来看,基本的 Javascript 添加了对类似 <header>
的支持。这是……
document.createElement("header");
现在你可以看到我已经完成了研究,但我仍然没有任何运气。 Modernizr 没有工作,所以我尝试了 HTML Shiv 技巧,但仍然没有运气,然后转向 Javascript 技巧,也没有运气。
所以有人能告诉我我能做什么吗?
我的 IE 版本是 8,抱歉我没有网站的实时版本可以显示
最佳答案
那些脚本将使新元素在 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; }
关于javascript - 使 HTML5 header 与 IE 兼容 — HTML5 Shiv 无法修复我的布局,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8350341/