IE8 XP 中的 CSS 问题，但 IE8 Vista 或 7 中没有答案

【问题标题】：CSS issues in IE8 XP but not in IE8 Vista or 7IE8 XP 中的 CSS 问题，但 IE8 Vista 或 7 中没有
【发布时间】：2011-03-20 06:27:36
【问题描述】：

我已经为我们在工作中发起的一个活动实施了登陆页面设计，并在我的工作 XP 机器上测试了 IE 7，并在我在家的 7 机器上测试了 IE 8。这两种方法都有效，所以我认为我击败了 IE，但事实证明，不同操作系统的 IE 呈现 HTML 的方式不同，即使它们声称是同一个浏览器。

任何拥有 XP 和 IE8 的人根本无法正确查看该站点。

我使用两个不同的 CSS 链接。一个用于 IE，一个用于 !IE：

<!--[if IE]>
<link href="../images/content/pagebuilder/idop_2010/free-to-believe-IE.css" rel="stylesheet" type="text/css" />
<![endif]-->

<!--[if !IE]><!-->
<link href="../images/content/pagebuilder/idop_2010/free-to-believe.css" rel="stylesheet" type="text/css" />
 <!--<![endif]-->

我不得不使用 !IE，因为 IE 仍在从良好的样式表中提取 CSS，并且 IE 表无法正确更新（另一个问题）。

如果我创建特定于 IE 的 CSS（IE7/IE8 与仅 IE）可以解决问题吗？

解决操作系统 + IE 问题的好方法是什么？

编辑

我在我的工作计算机上安装了 IE 8，它与所有其他 IE 8 计算机有同样的问题。我有 Internet Explorer 开发人员工具，我注意到 IE 在“IE8 标准模式”下运行，当我将其切换到“IE7 标准模式”时，布局运行良好。我还注意到在装有 Windows 7 的笔记本电脑上，兼容模式图标已激活。当我关闭它时，我能够复制我的问题。所以现在我确定这是一般的 IE8 问题，不一定是操作系统问题。

我现在已经创建了一个特定于 IE8 的样式表，我将开始对其进行大修以使其看起来正确。

这里是网站：http://members.opendoorsusa.org/site/PageServer?pagename=IDOP_2010

任何想看看它并就 CSS 问题给我建议的人，我将不胜感激（我没有做设计，只是实现，所以请不要批评设计）

既然我知道这是问题所在，我还有另一个问题。为什么 IE 8 的显示与 IE7 如此不同？！

【问题讨论】：

一个不工作的特定 CSS 示例以及指向错误结果的可能链接或图像会有所帮助。
仔细检查您是否在每个系统上实际使用相同的版本 IE7/8。换句话说，它们都在使用完全最新的 IE7 和 8 版本。
这可能是 stackoverflow.com/questions/3169804/… 的副本，或者在某种程度上与问题相关。
关于你的最后一个问题：应该在一个新问题中提出，尽管答案很明显：IE 8 更符合标准。看看Internet Explorer 8 Readiness Toolkit。

标签： css internet-explorer windows-7 windows-xp cross-browser

【解决方案1】：

您是否使用过 JQuery UI Themeroller？我刚刚发现了一个 CSS 错误，它只存在于 XP 中，而不是 Vista 中。 UI 选项卡和手风琴缺少标题文本。我将问题归结为由 Jquery UI Themeroller 制作的自定义生成主题。用预建主题替换自定义主题解决了这个问题。

【讨论】：

【解决方案2】：

克服 IE 问题的最佳方法是使用条件 cmets：

<!--[if IE 8]>
... link IE 8 specific stylesheet...
<![endif]-->

您似乎已经了解条件，所以只需尝试使用 IE8 特定的样式表，看看它是否有效。

Check this out.理论上，不同版本的 Windows 和 IE 8 上的同一个网页之间应该没有任何区别，但 ActiveX 可能会有例外，可能是字体的呈现。

如果某个 IE8 特定样式表适合您，请告诉我。

【讨论】：

使用特定于 IE8 的样式表也会使页面向前兼容，以便未来版本的 IE 可以呈现它，而不需要所有 IE8 和更低的样式。
@Hristo 是的。只是想多提供一些我认为不值得完整回答的信息。
感谢您的信息。您的建议帮助我诊断问题。现在我必须彻底检查 IE8 CSS 以使其看起来正确。为什么 IE7 和 IE8 的显示效果如此不同？！
... b/c 微软喜欢做不同的事情？ :)
@Ian 这是因为他们实际上使渲染引擎变得更好......这打破了所有旧的修复。进步的悲惨结果。