IE8 XP 中存在 CSS 问题，但 IE8 Vista 或 7 中没有 CSS 问题

Question

我为我们在工作中发起的活动实现了登陆页面设计，并在我的 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 如此不同？！

Answer 1

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

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

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

看看这个。理论上，不应该有不同版本的 Windows 和 IE 8 上的同一网页之间存在任何差异，但 ActiveX 和字体渲染可能存在例外。

让我知道 IE8 特定样式表是否适合您。

Answer 2

您是否使用过JQuery UI Themeroller？我刚刚也发现了一个 CSS 错误，该错误仅在 XP 中出现，在 Vista 中没有。 UI 选项卡和手风琴缺少标题文本。我将问题归结为由 Jquery UI Themeroller 生成的自定义主题。使用预构建主题替换自定义主题解决了该问题。