"修复Internet Explorer"样式表

Question

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

我正在使用JQuery for JavaScript,这有望意味着我在JavaScript行为方面没有太多差异,所以我主要担心的是CSS.我想其他很多人都走这条路,所以我希望有一个样式表,当(有条件地)包含它时,将修复在IE浏览器中查看过的仅用Firefox测试的网站时看到的最常见的CSS问题.这样的事情存在吗？

Answer 1

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

• 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修复的替代方案(毫无疑问仍然是必要的).应该帮助您更接近期望的最终结果.