“修复Internet Explorer”样式表

Question

我有一个网站，我使用Firefox 9专门开发和测试。在这个版本的Firefox中查看时，我对布局/样式非常满意。我现在面临着一个令人尴尬的任务，即在IE7 +中使它显示同样好（或尽可能接近）（我不支持IE6）。当然，我也希望它在Chrome＆amp; Safari，但我认为他们合理地实施了这些标准，所以我并不那么担心它们。

我正在使用JQuery for JavaScript，这有望意味着我在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等类，允许您在样式中定位IE，例如

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

• CSS3PIE （http://www.css3pie.com/）
  渐进式Internet Explorer - 允许在IE上通常失败的样式（例如线性渐变，圆角等）。
• IE7.JS （http://code.google.com/p/ie7-js/）
  可能是你最接近你的东西，作为CSS修复的替代品（毫无疑问仍然是必要的）。应该可以帮助您更接近理想的最终结果。

Answer 2

我认为没有任何一种样式表可以帮助你。

您可以查看解决IE问题的js脚本。或者你总是可以使用IETab以旧时尚方式进行，并针对你知道会出现问题的领域。

这里描述了大部分内容：http://net.tutsplus.com/tutorials/html-css-techniques/9-most-common-ie-bugs-and-how-to-fix-them/。 希望它有所帮助：）