Twitter bootstrap：跨浏览器圆角和渐变？

Question

有没有办法添加到Twitter Bootstrap跨浏览器支持圆角和CSS渐变（阅读：愚蠢的IE 7+支持）？

Answer 1

我会使用CSSPIE - http://css3pie.com/

这是一个允许你这样做的.htc文件。

在您使用border-radius（例如）的任何CSS选择器中，您将.htc包含为行为：

.rounded {
    border: 1px solid #999;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    behavior: url(path/to/PIE.htc);
}

注意：确保您的路径相对于根 NOT CSS文件。必须通过这种方式才能使.htc文件出于某种原因运行，只有微软知道。

Answer 2

您可以为IE7创建自己的条件样式表，您需要将图像用于渐变和圆角。

但最好的方法是说服客户（或任何人）他们应该接受他们的网站在IE7上没有圆角或渐变。设计人员应该了解浏览器的限制，并为客户提供简要介绍。