【问题标题】：CSS does not load in Internet explorerCSS 无法在 Internet Explorer 中加载
【发布时间】：2014-03-06 02:33:42
【问题描述】：

所以我正在练习 HTML 和 CSS，并做一些简单的事情，比如改变 CSS 中的背景颜色。问题是当我在 Internet Explorer (IE 11) 中加载页面时，没有显示任何更改。为了进一步测试这一点，我在 Goggle Chrome 中加载了我的页面，它按预期显示了页面。

这种情况已经发生了几次，我尝试确保删除了 Internet Explorer 中的缓存，确保我正在编辑正确的文件并且 CSS 样式代码位于同一目录中。我确保我进行了 Crtl + R / Crtl F5 刷新，但它不起作用。奇怪的是，在过去加载它几次后，它无需我做任何其他事情就可以工作。

这是我要显示的内容：

HTML 文件：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Lesson 12 - Fun With CSS Selectors</title>
  <link type="text/css" rel="stylesheet" href="styles.css" media="all">
</head>
<body>

<h1>Title of the page</h1>

<p>Lorem ipsum dolor sit amet ultricies. Nunc at aliquet nunc.</p>

</body>
</html>

CSS 文件：

h1{
    font-size: 30em;
    font-weight: heavy;
    font-color: red;
    line-height: 10px;
}

body{
    background-color: red;
}

字体颜色在 h1 标签中没有改变（可能是因为它不是你这样做的），但谷歌浏览器中的背景颜色和字体大小都会改变。在资源管理器中，它仍然是一个白色页面，H1 标记内容不变。有人对可能发生的事情有任何想法吗？

更新：

到目前为止，当我在 Internet Explorer 11 中加载我的页面时，它现在具有样式 CSS 的更改，但我没有更改任何内容！我刚刚又打开了……谁能解释一下这是怎么回事，因为这种情况已经发生过多次了

【问题讨论】：

你是在本地还是在服务器上构建它？
通常情况下，您的浏览器会缓存 CSS 文件以加快页面加载速度，并且需要一分钟才能意识到 CSS 文件已更改。您可以通过将随机 GET 变量附加到 URL 的末尾来解决此问题，例如file.css?24798210
我在本地运行它。所以谷歌浏览器更新 CSS 缓存的速度比 IE 快，这就是为什么它比 IE 立即生效？是否有为什么要在浏览器中更改此内容，或者这是代码更改？

标签： html css internet-explorer web

【解决方案1】：

根据您的 cmets，您的问题似乎是在 IE 中缓存。

您可以尝试用pragma和expires等一些META关键字来指示浏览器不要缓存。

<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="expires" content="-1"/>

看看这篇文章 - So you don't want to Cache, Huh?

这个question 建议使用这个跨浏览器解决方案：

<meta http-equiv="cache-control" content="max-age=0" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="expires" content="0" />
<meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT" />
<meta http-equiv="pragma" content="no-cache" />

希望这会有所帮助！

【讨论】：

指定 no-cache 或 max-age=0 表示客户端可以缓存资源，每次使用前必须重新验证。所以你只能使用其中之一。 developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Cache-Control 无效日期，如值 0，表示过去的日期，表示资源已过期。所以你也只能使用 developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Expires

【解决方案2】：

我们在 Internet Explorer 11 中遇到了这个问题，这很奇怪，但是如果您将样式表重命名为没有“样式”一词的任何内容，它就会开始工作！

只有在本地访问文件时才会出现这种情况，在 Web 服务器上似乎可以正常工作

【讨论】：

【解决方案3】：

将font-color 替换为color。并尝试内联 <style>body {background-color:#FF0000;} </style> 以查看样式表是否未正确加载。

【讨论】：

【解决方案4】：

我不知道是否还有人追查这个问题，但我也遇到过他们。我正在开发一个 django 应用程序。我的名为“style.css”的 CSS 文件加载正确（至少谷歌浏览器的检查员告诉我），但对我的页面没有影响。就像上面提到的 RayLau135 一样，我花了很多时间来弄清楚你必须将 CSS 文件重命名为没有“样式”的名称。当然，这不是一个解决方案，而是解决这个问题并节省大量时间和精力的一种解决方法。

【讨论】：

【解决方案5】：

在我的例子中，同样的问题是由 NTFS 的备用数据流引起的。

如果您的 HTML 文件是从某个地方下载的，并且有一个 Zone.Identifier 作为备用数据流，它会拒绝加载本地生成的没有/不同 Zone.Identifier 的 CSS/JavaScript 文件。

https://blog.malwarebytes.com/101/2015/07/introduction-to-alternate-data-streams/

您可以手动或通过流命令删除这些数据。

https://docs.microsoft.com/ja-jp/sysinternals/downloads/streams

【讨论】：