这个问题在这里已经有了答案:
CSS (perhaps with Compass): Cross-browser gradient
(3 个回答)
6年前关闭。
因此,根据 compass 的说法,在渐变方面,它们仅支持 Chrome、Safari、Firefox 3.6 和 Opera。
关于如何在 compass/其他一些解决方法中添加对 IE 的支持的任何想法?
代码:
@import "compass";
.testgradient {
@include background(
linear-gradient(top left, #333, #0c0)
);
}
代码输出:
.testgradient {
background: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #333333), color-stop(100%, #00cc00));
background: -webkit-linear-gradient(top left, #333333, #00cc00);
background: -moz-linear-gradient(top left, #333333, #00cc00);
background: -o-linear-gradient(top left, #333333, #00cc00);
background: linear-gradient(top left, #333333, #00cc00);
}
最佳答案
对于IE10之前的IE版本,需要处理IE的gradient filter .
对于 IE10 和更新版本,不带前缀的 linear-gradient
应该可以工作 [1] .但是,如果您遇到问题,other sites只需使用供应商前缀 -ms-linear-gradient
.这两个版本的语法与所有其他供应商前缀的渐变相同。
关于internet-explorer - compass 、SASS、梯度和 IE?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12061393/