javascript - 使 HTML5 header 与 IE 兼容 — HTML5 Shiv 无法修复我的布局

标签 javascript internet-explorer html dom

前几天我发布了有关我在 IE 中的布局问题的帖子。

今天我发现了我的问题,IE 无法处理我的 HTML5 元素,例如 <header><footer>

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

我遇到了 ModernizrHTML5 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/

相关文章:

javascript - 你应该如何在 React.js 中调试 JSX?

javascript - 谷歌追踪位置错误

javascript - Bing map v8 图钉工具提示

excel - 使用Excel VBA更改网站上下拉菜单的值

javascript - 为什么这些日历 javascript 隐藏 IE 的 select、applet 和 iframe 标记?

jquery - IE 行为不一致 jQuery getScript

javascript - 在 jQuery 插件中调用其他插件

javascript - 背景显示输入字符的进度

javascript - 简单模态不会显示

javascript - Bootstrap Datepicker 出现在模式中的错误位置