我有这个问题，我似乎找不到解决方案...

我有一个页面在初始加载时使用原生 IE7(不是 IE9/IE8 的模拟版本)呈现良好，但在从浏览器缓存提供的后续请求中回落到 IE6 标准模式。 IE7 知道如何处理多个 CSS 类，例如“div.class1.class2”，而 IE6 标准模式则不知道 - 因此我的页面在每次访问时都会中断，但第一次除外。

重现方法如下:

• 打开 IE7(真正的 IE9/IE8 的 IE7 仿真模式将无法工作!)
• 转到 hhttp://beta.upcload.com/widget/popup?garmentId=workaholicfashion-5276777&sid=
• 在初次访问时，一切都应该看起来漂亮漂亮(例如蓝色按钮，就像在 Chrome 或 FF 中一样)
• 重新加载 现在页面，一些 CSS 规则被打破，因为浏览器回退到 IE6 标准模式(不是 Quirks 模式，我检查了那个!document.compatMode 仍然是“CSS1Compat”)
• 清除缓存并重新加载，一切看起来都很好
• 随心所欲地重复

因此，当所有文件都从 Amazon 服务器获得服务时，IE7 会很好地呈现它们，包括包含多个类的 CSS 规则。 (例如“div.class1.class2”)当您尝试使用完全相同的代码重新加载完全相同的页面时，它会以某种方式切换到 IE6 标准模式(不是 Quirks 模式)，它不理解链接的 CSS 类并破坏了几个设计，例如按钮。 我尝试添加几个不同的 Doctype/Meta header ，但它们都没有区别，目前该页面是 XHTML Strict 有效并且具有 X-UA-Compatible IE=edge header ，但从缓存加载时仍然无法正确呈现。 我能看出的 header 中唯一的区别是 Not Modified 请求缺少 Content-Type header ，但这应该不是问题，对吧？

最重要的是，当我在本地开发服务器上使用 IE7 打开这个完全相同的页面时，它呈现得很好，即使在重新加载之后也是如此! :/

更新

好吧，我终于可以在开发服务器上重现它了。唯一不同的是“max-age” header ，导致浏览器不在本地缓存任何内容。当我增加缓存时间时，IE7 开始缓存这些文件，一旦从缓存中加载这些文件，这也会再次导致设计中断。 因此，从缓存而不是服务器提供文件一定是个问题。

更新 2

我将范围缩小到 CSS 文件。看起来，当它来自缓存(即没有 Content-Type header )时，IE7 要么以 IE6 模式呈现它，要么在从服务器加载时以 IE7 模式呈现它。 (内容类型:文本/CSS) 有谁知道为什么会这样？也许是一些格式错误的 CSS 规则？ 作为解决方法，我现在向样式表添加一个随机参数以防止缓存，这会阻止 IE7 切换到 IE6 模式，但即使从样式表中删除所有错误和警告后问题仍然存在。

最佳答案

不久前，我在支持旧版 IE6 应用程序时遇到了完全相反的行为。

无论如何，你使用 xhtml 1.0 strict doctype，这是一个重要的开始!

首先:通常的 list :

• (生成)(X)HTML 文件/数据在没有 BOM 的情况下发送/保存，在 DTD 之前没有一个字节？
• 您是否检查过发送文件的服务器发送了哪些设置？
• 文档内容类型是“text/html”还是 XML(“application/xhtml+xml”或“application/xml”)(在标记源 = 元标记中和/或由服务器发送 = header )？
• 页面是否由 Microsoft 黑名单上的域提供(或与之通信) (不允许 IE 后备模式的地方)？
• 您是否检查过 LAN/intRAnet 和 wan/intERnet 之间 IE 安全设​​置的差异(因为您提到了不同的行为)？
• 是否有可能通过代理连接互联网(这可能会重写某些内容？)

现在准备好这些数据并访问 absolute best source on browsermode-switching我曾经见过，事实上，每本自尊的网络开发书籍都应该在第一章介绍这一点。所有这些好处都在一个清晰的页面上，至少可以说是“启发”..
人们应该知道浏览器模式切换分为两部分，并了解何时会出现什么样的行为。
在同一页上，您还可以找到 IE mode-switching-flowchart这提供了对 IE 确定其最终呈现/浏览器模式所遵循的广泛迷宫的洞察力。

真心希望对您有所帮助!

更新:
没有 IE6(标准/古怪)模式(在较新版本的 IE 中)。查看official microsoft documentation (和 updated link 加上这句话)!!让我引用它:

Windows Internet Explorer 7 offered new features that were designed to more fully support industry standards, such as support for the universal selector. Because the directive only supports two settings (quirks mode and standards mode), IE7 Standards mode replaced Internet Explorer 6 standards mode.

这是他们的 doctype-switch 检查器的代码(同一页面上的源代码):

engine = null;
if (window.navigator.appName == "Microsoft Internet Explorer")
{
   // This is an IE browser. What mode is the engine in?
   if (document.documentMode) // IE8 or later
      engine = document.documentMode;
   else // IE 5-7
   {
      engine = 5; // Assume quirks mode unless proven otherwise
      if (document.compatMode)
      {
         if (document.compatMode == "CSS1Compat")
            engine = 7; // standards mode
      }
      // There is no test for IE6 standards mode because that mode  
      // was replaced by IE7 standards mode; there is no emulation.
   }
   // the engine variable now contains the document compatibility mode.
}

现在阅读上面微软代码中的注释!!!!

关于您的第二次更新:
很好地找到了缓存!所以 css 现在是问题所在。既然你现在开始理解为什么旧的 IE6 应用程序需要 IE6(IE6 很难被杀死的原因)，也许你应该看看 conditional comments .由于:

• 它们不是 hack(但正如 SDC 在评论中指出的那样，Microsoft dropped them 从 IE10 开始)
• 没有 javascript 浏览器嗅探(甚至不需要启用脚本，所以总是有效)，
• 它可以专门针对(一系列)版本的 IE 独占。

在它们中，您可以包含指向 IE 特定 css 的链接(保持文档小、精简和整洁)...

关于html - 从缓存渲染 CSS 时，IE7 回退到 IE6 标准模式，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11654928/