css - "fix internet explorer"样式表

Question

我有一个专门使用 Firefox 9 开发和测试的网站。在这个版本的 Firefox 中查看时，我对布局/样式非常满意。我现在面临着让它在 IE7+(我不支持 IE6)中显示得同样好(或尽可能接近)的艰巨任务。当然，我也希望它在 Chrome 和 Safari 中显示良好，但我认为它们相当好地实现了标准，所以我不太担心它们。

我正在为 JavaScript 使用 JQuery，希望这意味着我在 JavaScript 行为上没有太多差异，所以我主要关心的是 CSS。我想很多其他人已经走上了这条路，所以我希望有一个可用的样式表，当(有条件地)包含该样式表时，它将解决在 IE 中仅通过 Firefox 测试的网站时看到的最常见的 CSS 问题。有这种东西吗？

Answer 1

一个包罗万象的 miracle.css 文件可以治愈所有与 IE 相关的问题？要是!解决方案可能归结为选择以下部分或全部:

• 规范化 ( http://necolas.github.com/normalize.css/ )
  将大多数浏览器默认设置带到更一致的基线(将其视为流行的 Eric Meyer reset.css 的替代方案)
• Modernizr ( http://www.modernizr.com )
  鉴于您已经在使用 javascript，包括 modernizr 将为您提供检测浏览器功能的其他方法。还会在必要时自动将 .ie7/.ie8 等类注入(inject)到您的标记中，允许您在样式中针对 IE，例如

    .standard { ... }    .ie7 .standard, .ie8 .standard { ... }

• CSS3PIE ( http://www.css3pie.com/ )
  渐进式 Internet Explorer - 允许在 IE 上通常会失败的样式(例如线性渐变、圆 Angular 等)
• IE7.JS ( http://code.google.com/p/ie7-js/ )
  可能是最接近您所追求的，作为 CSS 修复的替代方案(毫无疑问这仍然是必要的)。不过应该可以帮助您更接近预期的最终结果。