指南针（SASS）没有将供应商前缀添加到线性渐变[重复]答案

【问题标题】：Compass (SASS) not adding vendor-prefixes to linear-gradient [duplicate]指南针（SASS）没有将供应商前缀添加到线性渐变[重复]
【发布时间】：2014-05-11 03:36:47
【问题描述】：

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

我将 Compass 安装为 gem，因为我找不到合适的 compass bower 包。

我正在使用的各种指南针 mixin 工作正常；期望线性梯度；它似乎只传递我的内容，而不是使用特定于供应商的前缀对其进行修改：

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)

谢谢

【问题讨论】：

标签： css sass compass-sass gradient linear-gradients

【解决方案1】：

我想通了；我在这里看到了很多类似的问题，最初都没有解决“我的”问题。

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

它在 gruntfile.js 中的默认设置是“last 1 version”。这打破了 Safari 和 Chrome（据我所知，我正在运行最新版本）。

将其设置为“最后 2 个版本”为我修复了它。

【讨论】：