IE9 无法完全加载 css答案

【问题标题】：IE9 does not load css fullyIE9 无法完全加载 css
【发布时间】：2023-04-07 12:31:01
【问题描述】：

我有 css 文件：

<head>
  <link rel="stylesheet" type="text/css" href="/assets/application.css" media="screen" />
  ...
</head>

除了 IE9，所有浏览器都很好（chrome、ff、ie8、ie10、...）。

IE9 无法完全加载 css。

【问题讨论】：

您是否尝试过将它们分解为单独的行以查看是否是一种特定的“类型”导致了错误？
见stackoverflow.com/questions/3656237/…
我认为这可以帮助您stackoverflow.com/questions/8226863/… 众所周知，IE9 会拒绝未使用“text/css”MIME 类型发送的样式表。这是一项新的安全增强功能，但它让一些人措手不及。你的 CSS 文件是动态生成的吗？确保它作为“文本/css”传递。
@San。服务器响应标头Content-Type:text/css 和文件application.css
@DevlshOne。 IE 不会报告任何 CSS 错误。当我尝试单独加载这部分时，一切都很好。

【解决方案1】：

有点晚了，但是对于这个帖子的未来访问者：我遇到了同样的问题，发现我的项目变得太大了。 IE9 在 4095 个选择器之后停止读取您的样式表。

【讨论】：

【解决方案2】：

IE 一直在使用特殊的 CSS 选择器时遇到问题。您正在尝试使用基于属性的选择器 input[type="email"]。

否则，请尝试为您想要设置样式的所有输入对象指定类并删除您现在拥有的选择器。

【讨论】：

【解决方案3】：

首先，我不确定 IE9 是否支持所有新的 HTML5 输入类型，因为它们在 4 多年前发布时还没有达到稳定的标准。因此，您应该尝试添加某种选择器，您可以为需要支持的过时版本设置样式。具有稳定规范的那些将在今天的 IE 中正常工作。

此外，通过启动 F12 工具并检查网络选项卡来确保 CSS 文件正在加载，或者如果您想做同样的事情，请使用 Fiddler。如果您看到任何资源的 4XX 状态代码，请进行相应的调查。

【讨论】：

【解决方案4】：

这个错误有很多原因。对我来说，我只是将扩展 CSS 更改为小写，效果很好。

【讨论】：