css - IE8 是否有像 6 或 7 这样的渲染错误?

标签 css internet-explorer-8 cross-browser xhtml

IE8有没有像IE6、IE7一样的渲染bug?如果我让我的网站在 Firefox 3.5 中正确呈现,它在 IE8 中看起来是否相同,或者是否需要额外的更改/修改/等等?

我想让我的网站兼容 IE8。我需要为此做些额外的事情吗?

更新:2010 年 3 月 6 日

我是否有可能必须为 IE8 添加条件 CSS?

最佳答案

所有浏览器都有其不同的怪癖,没有浏览器能保证显示或行为与其他浏览器相同。虽然 W3C 在扩展应该标准化的功能方面取得了长足的进步,许多 RFC 尚未达到 Recommendation stage,这个阶段意味着它将不再改变并且更有可能成为可接受的开发标准。 正因为如此,您必须确保您的网站能够至少在您的焦点小组中的浏览器中运行。

首先,使用reset.cssnormalize.css .两者都试图服务于相同的目标(浏览器之间的一致性修复),但各自从不同的 Angular 解决问题。因此,请确保选择最适合您的。虽然不完美,但它们在所有浏览器中都非常接近,如果没有它,你无法说出更多。

其次,查看QuirksMode查看various browser compatability与标准(无论这些标准是否处于推荐阶段)。您可以在此处决定要使用的功能,这些功能与您的焦点小组的兼容性相匹配。

第三,凭借“一致”css 基础的新功能,以及对浏览器支持内容的了解,请务必阅读、接受、宣扬和应用渐进式增强技术(请参阅下面我喜欢的文章)。渐进增强的力量在于使用有效的方法,而不是试图将胖脚硬塞进纤细的鞋子。

关于渐进增强的文章:

  1. http://www.alistapart.com/articles/understandingprogressiveenhancement
  2. http://www.alistapart.com/articles/progressiveenhancementwithcss
  3. http://en.wikipedia.org/wiki/Progressive_enhancement

最后,安装您在焦点小组中考虑的任何其他浏览器。这样做可以毫无疑问地测试页面的外观。

在 Windows 上,我建议安装 IE9 以便能够将渲染模式切换到旧版本的 IE。虽然这些渲染模式并不完美,但在大多数情况下它们可以像真实的一样可靠。如果您无法安装 IE9,我为您感到难过,但幸运的是,IE8 为您提供了类似的渲染模式功能。

在其他任何东西上(如果你想要真正的 IE 浏览器而不是仿真,甚至是 windows),你需要运行一个 windows 虚拟实例。获取方法有很多,MS 甚至提供了各种实例图像,专门供开发人员测试旧版本的 IE。参见 this blog post有关从何处获取 MS 提供的 IE6 和 IE7 VPC 的更多详细信息。

使用这些工具,您应该能够开发出一种看起来——不——在 100% 的浏览器中正常工作和正常降级的设计,并验证它是否正确实现。虽然这可能有点令人生畏,但这将大大减少发布时显示/js 相关错误的可能性。

关于css - IE8 是否有像 6 或 7 这样的渲染错误?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1695347/

相关文章:

css - Foundation scss compass、gruntjs 和 bower 安装

javascript - new Function() 的类型总是 "function"?

css - 在 LESS 中使用 IE8 @media\0screen 查询

html - 跨浏览器 CSS(100% 高度)

html - 文件上传时IE8空白文件名

css - 浏览器引擎、渲染引擎和用户代理之间有什么区别?

css - 为什么 text-align 的浏览器前缀有不同的行为,哪个是正确的?

javascript - 避免在视差滚动效果中对图像进行不必要的缩放

javascript - 在一行 CSS 中自动淡入和淡出相同的图像

css - 如何动态更改 SASS 中的 nth-child() 属性?