Css 线性梯度Firefox支持

当我在上面做一个线性渐变时，我使用如下的scss代码：

@include background-image(linear-gradient(top,  #659adc 0%,#004ca2 100%));

这将生成以下css：

background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #659adc), color-stop(100%, #004ca2));
background-image: -webkit-linear-gradient(top, #659adc 0%, #004ca2 100%);
background-image: -o-linear-gradient(top, #659adc 0%, #004ca2 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(top), color-stop(0%, #659adc), to(#004ca2));
background-image: linear-gradient(top, #659adc 0%, #004ca2 100%);

这些都不适用于Firefox。 所以我做了一个调整，添加了一些我知道在Firefox中有效的东西：

@include background-image(linear-gradient(to bottom,  #659adc 0%,#004ca2 100%)); //notice the 'to bottom'

现在这是生成的css：

background-image: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #659adc), color-stop(100%, #004ca2));
background-image: -webkit-linear-gradient(to bottom, #659adc 0%, #004ca2 100%);
background-image: -o-linear-gradient(to bottom, #659adc 0%, #004ca2 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#659adc), to(#004ca2));
background-image: -webkit-linear-gradient(top, #659adc 0%, #004ca2 100%);
background-image: -o-linear-gradient(top, #659adc 0%, #004ca2 100%);
background-image: linear-gradient(to bottom, #659adc 0%, #004ca2 100%);

这在Firefox中呈现良好，但compass任务会出现以下错误：

无法确定：到的相反位置

---

想法？如何进行跨浏览器scss线性渐变？

请安装compass版本~1.0.0

要检查您正在使用的指南针的当前版本，请键入：

$compass版本

我通过卸载当前版本并安装最新版本更新了指南针

$gem卸载指南针
$gem安装指南针

或

如果你不想更新，你可以简单地使用它没有梯度方向

---

背景图像：线性渐变（#659adc，#004ca2）

你有最新版本的指南针吗？@cimmanon，它是0.12.3这不是最新版本。您需要1.0这并不能回答您的问题，但值得注意的是，只需使用：

背景图像：线性渐变（659adc，#004ca2）

应该可以很好地工作，因为渐变默认为从上到下。@cimmanon，它可以工作，作为一个答案