样式表与IE 9兼容

Question

我已经习惯了对IE和非IE浏览器有单独规则的样式表.例如,我一直在使用CSS3 Pie在IE中生成圆角和渐变.

问题是IE 9支持圆角和渐变,不再需要这样的解决方法.如何重写我的样式表以确保行为仅适用于IE 8-而不是IE 9？

谢谢!

编辑:这是一个来自CSS3 Pie网站的示例,其中IE 9的规则是多余的:http: //css3pie.com/demos/tabs/

Answer 1

通常的方法是为每个版本使用条件注释和单独的补丁样式表:

<!--[if IE 7]><style type="text/css">@import "ie7-kludges.css";</style><![endif]-->
<!--[if IE 8]><style type="text/css">@import "ie8-kludges.css";</style><![endif]-->
<!--[if IE 9]><style type="text/css">@import "ie9-kludges.css";</style><![endif]-->

这样你就可以在你的主样式表中使用标准的CSS,然后在你需要的每个版本的IE表现自己的任何kludges和废话上进行分层.IE的每个版本通常需要不同的kludges,所以我把它们放在不同的样式表中.