我有一个专门使用Firefox 9开发和测试的网站。当在这个版本的Firefox中查看时,我对布局/样式非常满意。我现在面临的任务是让它在IE7+中显示得同样好(或尽可能接近)(我不支持IE6)。当然,我也希望它能在Chrome&Safari,但我认为他们执行标准相当好,所以我不那么担心他们。
我使用JQuery for JavaScript,希望这意味着我在JavaScript行为上没有太多差异,所以我主要关心的是CSS。我想很多其他人也走上了这条路,所以我希望有一个可用的样式表,当(有条件地)包含它时,它将解决在IE中查看仅用Firefox测试过的网站时出现的最常见的CSS问题。这样的东西存在吗?
一个能治愈所有IE相关问题的catch-all miracl.css文件?要是…就好了解决方案可能会归结为以下部分或全部的选择:
-
规格化(http://necolas.github.com/normalize.css/)
使大多数浏览器默认设置达到更一致的基线(可以将其视为流行的Eric Meyer reset.css的替代方案) -
现代化(http://www.modernizr.com)
鉴于您已经在使用javascript,包括modernizr将为您提供检测浏览器功能的其他方法。还可以在必要时将.ie7/.ie8等类自动注入到标记中,允许您在样式中以IE为目标,例如
.standard{…}.ie7.标准,.ie8.标准{…}
-
CSS3PIE(http://www.css3pie.com/)
渐进式Internet Explorer-允许在IE上通常失败的样式(例如线性渐变、圆角等) -
IE7.JS(http://code.google.com/p/ie7-js/)
可能是最接近您所追求的,作为CSS修复的替代方案(毫无疑问,这仍然是必要的)。不过,这应该有助于你更接近预期的最终结果
我认为没有任何样式表可以为您做到这一点。
您可以查看一个js脚本来解决IE问题。或者,您可以使用IETab以旧的方式进行操作,并针对您知道会出现问题的领域。
其中大部分描述如下:http://net.tutsplus.com/tutorials/html-css-techniques/9-most-common-ie-bugs-and-how-to-fix-them/.希望有帮助:)