修复Internet Explorer的样式表问题

Question

我有一个网站，我已经开发并且在Firefox 9中进行了测试。当在这个版本的Firefox中查看时，我对布局/样式感到非常满意。现在我面临着一个艰巨的任务，让它在IE7+（我不支持IE6）中同样好地显示出来。当然，我也希望它在Chrome和Safari中表现良好，但我认为它们实现标准相当好，所以我不太担心。

我使用JQuery进行JavaScript编程，这意味着JavaScript行为没有太大的差异，因此我的主要关注点是CSS。我想象很多人都走过这条路，所以我希望有一种可用的样式表，在（有条件地）包含后，将修复在仅使用Firefox进行测试的网站在IE中出现的大多数常见CSS问题。这样的东西存在吗？

- Dónal

Answer 1

一个能解决IE相关问题的万能miracle.css文件吗？只是如果有就好了！解决方案可能归结为以下一些或全部选择：

- Normalize (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修复（毫无疑问仍然是必要的）的替代品。尽管如此，应该有助于让您更接近所需的最终结果。

- Conan

---

我并没有真正期望只需放入一个 .css 文件，一切都会没问题，但至少有些东西可以让我达到大约80%的进展。感谢您提供的信息。 - Dónal

Answer 2

我认为没有任何样式表可以为您完成此操作。

您可以查看解决IE问题的js脚本。或者，您始终可以使用IETab以旧方式定位可能存在问题的区域。

其中大部分在这里描述：http://net.tutsplus.com/tutorials/html-css-techniques/9-most-common-ie-bugs-and-how-to-fix-them/。希望能有所帮助 :)

- AKFourSeven