1

在不使用CSS3pie、normalize 等插件的情况下,如何使您的网站 CSS3 与 IE9 之前的 Internet Explorer 版本兼容?

CSS3Pie 是我使用的一个很棒的工具,但它变得不方便,因为我有一些带有边框左半径的元素不适用于插件。

4

1 回答 1

2

IE8 不支持 CSS3。你已经知道了。如果你正在寻找一种在 IE8 中获得 CSS 圆角而不需要某种 hack 的方法,那么你会失望的。

解决方案:

  1. 使用您已经知道的“渐进增强”技术,例如 CSS3Pie。几乎所有这些都是基于 Javascript 的 hack,而且没有一个是完美的。你已经知道 CSS3Pie 的问题了。您讨论的问题是一个相对较小的问题,并且很容易解决;如果您不愿意解决这个问题,那么您就不可能有更好的选择。

    可以在此处找到这些 polyfill 的相当全面的列表:https ://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-Browser-Polyfills

  2. 优雅的退化。这基本上意味着接受旧浏览器缺少某些功能,并编写您的网站,以便如果缺少这些功能,它仍然可以工作;也许没有那么好,但可以使用。在 的情况下border-radius,这很容易:只需接受它在 IE8 中不起作用。圆角很不错,但如果没有圆角,网站就不会被破坏。

  3. 镀铬框架。这是谷歌为 IE 编写的插件,允许它使用与 Chrome 浏览器相同的渲染引擎来渲染页面。这是对浏览器内部的重大破解,但它确实运行良好;不再担心那些缺失的功能和渲染故障。但是,它需要最终用户安装插件,所以虽然它作为一个选项很好,并且您可以指定它是否可用,但如果您可以控制最终用户的系统,您只能真正依赖它 -例如,在公司网络中,您可以确保它已安装在所有机器上。

这些是你的选择。

于 2012-10-24T06:49:29.857 回答