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

【问题标题】：Twitter bootstrap: cross browser rounded corners and gradients?Twitter bootstrap：跨浏览器圆角和渐变？
【发布时间】：2012-10-06 10:16:42
【问题描述】：

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

【问题讨论】：

标签： internet-explorer twitter-bootstrap cross-browser css

【解决方案1】：

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

但最好的方法是让客户（或任何人）相信他们应该接受他们的网站在 IE7 上没有圆角或渐变。设计师应该意识到浏览器的限制，并在提交给客户的简报中迎合这些限制。

【讨论】：

【解决方案2】：

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

这是一个 .htc 文件，可让您执行此操作。

在您使用边框半径的任何 CSS 选择器中（例如），您将 .htc 包含为一种行为：

.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 知道。

【讨论】：

我不久前用过它，它（大部分情况下）都可以工作。我结束了对 IE 7 的支持，它的维护成本太高了......
它对我来说真的很方便。不过 IE 支持越来越好。
CSS Pie 的重量至少为 40kb - 这对于圆角和一些渐变来说是很多
虽然几乎没有世界末日，而且比图像少得多。
是的，我喜欢 Css3Pie，这绝对是要走的路，我只是不喜欢在我的代码中添加调整以支持旧的 IE（其他情况下没有 Css3Pie）。跨度>