即 6、7 和 8（兼容模式）问题答案

【问题标题】：Ie 6, 7 and 8(Compatibility mode) issues即 6、7 和 8（兼容模式）问题
【发布时间】：2010-12-18 21:13:04
【问题描述】：

我们的网站可以在包括 ie8 在内的任何最新浏览器上正常运行。

但是ie6、ie7和ie8（兼容模式）有很多问题。

我们正在使用以下文档类型

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

所以它没有使用quirck模式。

在我开始深入研究个别问题之前，只是想知道我是否遗漏了什么或做错了什么，即以不同于标准的其他模式？

在使用 w3c 标准时，我尝试查找 ie6 和 ie7 的已知问题列表，但没有发现太多用处，但发现足以让我感到困惑。

在使用 w3c 标准时我可以找到旧 ie 的已知问题的任何已知网站？

【问题讨论】：

【解决方案1】：

通过在文档顶部指定您使用的 HTML 文档类型，您可以让浏览器退出怪癖模式。现在，较新的浏览器更符合标准，因此更易于编码。以下是一些可能对您有所帮助的提示：

使用 DIV 而不是 TABLE 进行布局
注意浏览器之间的文档对象模型或 DOM 差异
这是一个带有 CSS 兼容性信息的网站：http://www.quirksmode.org/css/contents.html
通过 W3C 的验证器运行您的代码
考虑购买可以在您的机器上运行的 HTML 验证器，而不是 W3C 的免费验证器。在我看来，程序员不会在没有编译的情况下运行 C# 程序，而 Web 开发不应该在没有某种验证程序的情况下完成。这将为您节省大量时间。

抱歉，我无法发布更多链接。堆栈溢出只会让我发布一个。

【讨论】：

【解决方案2】：

这是一个链接，其中包含一些我曾经使用过的修复：http://hublog.hubmed.org/archives/001515.html

【讨论】：

【解决方案3】：

冲突和未实现的情况比人们应该知道的还要多。如果您编写符合标准的网站，您的网站将无法在 IE6 或 IE7 中运行。大多数人用特殊的样式表对 IE6 和 IE7 进行特殊处理以修复损坏。

IE6 PNG fix 尤其常见。

【讨论】：

【解决方案4】：

这是good overview of IE related CSS bugs。

另外，如果你还没有这样做，我强烈建议你使用 CSS 重置（here's an example of one CSS reset 还有其他的，例如YUI CSS Reset） - 将所有浏览器降低到相同的基线，然后继续工作将消失很多不一致之处，而无需逐个追踪它们并在它们以后出现时寻找原因。

【讨论】：

【解决方案5】：

要确定您是否正确选择了标准模式，请输入：

javascript:alert(document.compatMode)

加载页面时在浏览器的地址栏中。如果你得到“CSS1Compat”，你就被排序了。如果你得到“BackCompat”，那么你就有怪癖了。如果您在 <!DOCTYPE 声明之前放置了一些杂散字节，例如虚假的 <?xml 声明，则在 IE 中可能会发生这种情况。

我试图查找 ie6 和 ie7 的已知问题列表

会很长。是的，即使在标准模式下也是如此。有什么特别的吗？

【讨论】：