2

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

4

2 回答 2

6

我会使用 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 知道。

于 2012-10-16T10:26:43.087 回答
3

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

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

于 2012-10-16T10:27:59.980 回答