IE8 及以下 HTML5 元素 CSS & Javascript 交互答案

【问题标题】：HTML5 elements CSS & Javascript interaction in IE8 and belowIE8 及以下 HTML5 元素 CSS & Javascript 交互
【发布时间】：2011-08-04 02:18:12
【问题描述】：

我在 IE8 及更低版本下使用 html5 元素（NAV、SECTION、ARTICLE 等）开发时遇到了一些问题。简单地说，我似乎无法在 javascript 或 css 中对这些元素做任何事情。

是否有解决方法，或者我是否必须再次将整个布局转换为 DIV？

谢谢

注意：

似乎这只适用于页面加载后添加的元素。

【问题讨论】：

标签： javascript css internet-explorer html

【解决方案1】：

使用html5shiv。

【讨论】：

html5shiv 似乎只添加了对元素的支持，我似乎仍然无法使用 Javascript 或 CSS 访问它们。
一旦你使用了 shiv，它们应该是可样式化的。尝试确保在任何其他 JS/CSS 之前包含它
问题出在页面加载后动态添加的元素上。解决方案是使用 innerShiv 和 html5shiv（我已经在使用）。不过，我会将您的答案标记为解决方案。

【解决方案2】：

使用在http://modernizr.com 下载的脚本。您可以使用 JS 和 CSS 访问所有内容。

【讨论】：

我正在阅读modernizer，但无法清楚地了解它的作用，这似乎让我可以轻松访问条件，这意味着我必须使用modernizer从头开始开发应用程序心里。这对我现有的布局有何帮助？我可以包含它，它会自动解决我遇到的一些问题吗？
是的。只需包含它，它就会为您带来所有魔力。此外，您可以提供一些代码，我们可以帮助您解决一些问题。
感谢 Jason，添加modernizr 对我没有任何影响。可能是因为它和 html5shiv 有同样的限制；它不处理动态添加的元素。我找到了一个名为 innershiv 的插件，希望能帮助我解决这个问题。
@naatan 你做错了什么。它绝对“处理”动态添加的元素，因为它执行的整个技巧使所有元素都工作，无论它们当前或未来存在。相信我，我（和我的整个公司）在我们所做的每个项目中都使用modernizr，有时我们必须支持到ie6。
那么除了包含脚本之外还有什么我应该做的吗？因为当我测试它时它没有任何区别。