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

Question

有什么方法可以添加到Twitter Bootstrap跨浏览器支持圆角和css渐变（阅读：愚蠢的IE 7 +支持）？

Answer 1

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

这是宏达文件，可以让你做到这一点。

在任何CSS选择您使用的边界半径，其中（例如）您包括宏达的行为：

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

注：确保您的路径是相对于根不是的CSS文件。对于.htc文件而言，它必须以这种方式运行，只有Microsoft知道某些原因。

Answer 2

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

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