我有一个专门使用 Firefox 9 开发和测试的网站。在这个版本的 Firefox 中查看时,我对布局/样式非常满意。我现在面临着让它在 IE7+(我不支持 IE6)中显示得同样好(或尽可能接近)的艰巨任务。当然,我也希望它在 Chrome 和 Safari 中显示良好,但我认为它们相当好地实现了标准,所以我不太担心它们。
我正在为 JavaScript 使用 JQuery,希望这意味着我在 JavaScript 行为上没有太多差异,所以我主要关心的是 CSS。我想很多其他人已经走上了这条路,所以我希望有一个可用的样式表,当(有条件地)包含该样式表时,它将解决在 IE 中仅通过 Firefox 测试的网站时看到的最常见的 CSS 问题。有这种东西吗?
最佳答案
一个包罗万象的 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 修复的替代方案(毫无疑问这仍然是必要的)。不过应该可以帮助您更接近预期的最终结果。
关于css - "fix internet explorer"样式表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8892541/