Question

我正在使用AngularJS生成器为Yeoman开发一个AngularJS项目。

我安装了Compass作为宝石，因为我找不到/找出一个合适的指南针凉亭包。

各种指南针混合我正在使用工作正常;期待线性梯度;它似乎只传递我的内容而不是用特定于供应商的前缀修改它：

SASS：

@import "compass";

.container {
    width: 100%;
    height: 100%;
    border: .2em solid #fff;
    @include border-radius(.5em);
    @include background-image(linear-gradient(top, #000, #fff));
}

CSS：

.container {
  width: 100%;
  height: 100%;
  border: .2em solid #fff;
  -o-border-radius: 0.5em;
  border-radius: 0.5em;
  background-image: linear-gradient(top, #000000, #ffffff);
}

正如您所看到的，线性渐变在没有任何供应商前缀的情况下被传递（但边界半径正在获得Opera），因此无法在Chrome中使用。我已经检查并重新检查了，这正是Compass文档解释它的方式。

我做错了什么？

bootstrap-sass-official#3.1.1+2
compass (0.12.6, 0.12.4, 0.12.3)
compass-core (1.0.0.alpha.19)
compass-import-once (1.0.4)
compass-normalize (1.5)

由于

Answer 1

我明白了;我在这里看到了很多类似的问题，最初没有一个问题解决过＃34; my＆＃34;问题。

显然是因为autoprefixer（默认情况下使用角度生成器捆绑/启用）正在剥离前缀。

gruntfile.js中的默认设置是＆＃34;最后1个版本＆＃34;。这为Safari和Chrome打破了它（据我所知，我正在运行最新的）。

将其设置为＆＃34;最后2个版本＆＃34;为我修好了。

更多信息：https://github.com/ai/autoprefixer#browsers

指南针（SASS）不将供应商前缀添加到线性渐变

1 个答案: