在 IE6 中设计的 ASP.net Web 应用程序在 IE8 中存在兼容性问题

Question

我目前使用的 Web 应用程序设计为可在 IE6 中使用。但是现在我的客户想要将应用程序升级到 IE8。我在我的系统中安装了 IE8，但现在网页没有像 IE6 那样对齐。

文本框和其他一些字段从它们的原始位置移动，它们的长度和宽度也发生了变化。有些人建议把标签<meta http-equiv="X-UA-Compatible" content="IE=IE5" >到兼容模式的 HTML 页面的头部部分，但它对我不起作用。有人可以帮我吗..？

Answer 1

这篇文章的标题总结了 IE6 的许多坏处，以及为什么它给今天的 Web 开发人员带来了如此多的头痛，以及为什么这么多公司这么长时间以来都不愿意进行升级。然而，即使是那些公司现在也被迫升级，因为 IE6 的新许可证根本不可用。

UA-Compatible hack 不起作用，因为它所做的只是告诉 IE8 使用它的“传统”渲染引擎来模拟旧版本的 IE。这听起来应该可行，但对您来说不幸的是，它只会降低 IE7 的兼容性。

所以你可以试试 IE7 兼容模式。这并不能保证一定能奏效，但我想它离 IE6 又近了一步。您应该能够通过更改您已有的元标记来测试它，但您也可以通过转到开发人员工具来切换 IE8 中的呈现模式，该工具在窗口顶部有一个呈现模式切换。

所有这一切的问题在于，它对您来说不会是永久性的解决方案。即使您确实让它在 IE7 兼容模式下工作，也不能保证当用户升级到 IE9(他们将很快开始这样做)时，IE7 模式将继续为您工作。 IE10 也在开发中。

如果您在网站上遇到的主要问题只是文本框和其他物体轻微移动，那么您实际上做得还不错——一些为 IE6 编写的网站在现代浏览器中严重损坏，甚至无法考虑升级它们;他们只需要重写。但你的听起来应该是可以挽救的。

问题最有可能的罪魁祸首是怪癖模式。

Quirks 模式是旧版本 IE(IE6 及更早版本)使用的渲染模式，而不是遵循定义的 Web 标准。 IE6 是第一个支持标准模式的 IE 版本，尽管它默认为 quirks 模式以兼容 IE5。在此之前，IE5 仅使用 quirks 模式。这可能解释了为什么您的建议是尝试使用 IE5 兼容模式……可惜该建议永远不会奏效。

Quirks 模式和标准模式之间有许多不同之处，但主要的一个是盒子模型。简而言之，在 quirks 模式下，元素的大小(即它的高度和宽度)包括边框和边距，而在标准模式下则没有。

两种模式之间还有很多其他差​​异，但真正导致页面布局损坏最严重的就是这种模式。

听起来您的网站在设计时考虑了 quirks 模式，而不是标准模式。不幸的是，您无法自动修复它。您只需要通过所有样式调整位置和大小，直到它起作用。

您还应该确保在 HTML 代码的顶部有一个有效的 Doctype 声明。这将帮助浏览器选择正确的渲染模式。没有它，您可能会发现有时仍会进入怪癖模式。

我会强烈建议您在其他浏览器(例如 Chrome 和 Firefox)中测试该站点。这可能会帮助您找出 IE8 可能没有问题的代码中的其他错误。即使最终用户只打算使用 IE8，我也建议这样做，因为正如我所说，他们几乎肯定会在不久的将来升级到 IE9，而 IE10 也不会太久。 IE9 比 IE8 更符合标准，IE10 也将如此，这意味着如果页面在 Chrome 和 Firefox 中呈现良好，那么您应该有信心在 IE9 和 IE10 启动时它会正常。这将使您免于在一年内重复 IE6->IE8 问题。

希望有帮助。

如果您有任何特定的代码位需要更多帮助，我建议您将其发布在一个新问题下。