IE9中的CSS，一些样式规则没有应用答案

【问题标题】：CSS in IE9, some style rules are not appliedIE9中的CSS，一些样式规则没有应用
【发布时间】：2015-01-03 05:45:15
【问题描述】：

我正在调试 Internet Explorer 9 中的样式问题。

看起来 ie9 并没有应用我的 css 文件中定义的所有样式规则。当我查看开发人员工具的网络选项卡时，我看到了例如“.mobileMenu”类。但是样式不适用于元素，如果我使用“检查元素”，浏览器根本不知道任何相关的样式规则。 ie9 会简单地忽略 css 文件的大部分（但不是全部）。

它适用于 Chrome、Firefox 和 IE 10。有几个 CSS 验证错误，但没有一个看起来真的很麻烦。

我的猜测是，也许是某些样式表属性（CSS3？）导致 ie9 停止渲染并跳过文件的其余部分。那可能吗？有人有经验吗？

谢谢！

【问题讨论】：

【解决方案1】：

归根结底，它与 CSS3 无关。

Ie9 确实停止了渲染，不是因为 css 文件本身的任何内容，而是因为样式表太大..

我们将样式表拆分为两个单独的文件，问题已解决。

【讨论】：

【解决方案2】：

如果 IE9 不支持 CSS3 属性，您可以尝试使用类似的插件：CSS3PIE

【讨论】：

【解决方案3】：

IE9 不接受某些 CSS3 属性。请参阅this page 了解哪些浏览器支持哪些属性。

【讨论】：

我很清楚某些属性不受支持。但我想知道当 IE9 在样式表中找到这些属性时会发生什么。我一直认为它会跳过这些属性，但看起来渲染只是由于某种原因被取消了......