渐变前缀无法与 scss 和指南针一起正常工作答案

【问题标题】：Gradient prefix not working properly with scss and compass渐变前缀无法与 scss 和指南针一起正常工作
【发布时间】：2012-12-14 13:59:14
【问题描述】：

我目前是 scss 和指南针的新手。我最近听说了它并尝试学习和处理我的项目。但是我正在使用命令行来编译 scss 文件。我从以下位置下载了指南针源文件：

https://github.com/chriseppstein/compass/tree/stable/frameworks/compass

我正在尝试通过指南针使用渐变。我将 _images 文件从 compass 文件夹导入并开始使用渐变。它给出了一个输出，但梯度不起作用。这是我的 scss 代码：

@import "compass/css3/images";

.testgradient { 宽度：300px;高度：300px；浮动：左;

@include 背景(
 linear-gradient(top left, #333, #0c0)
); }

css 输出：

.testgradient {
 width: 300px;  height: 300px;  float: left;
background: -owg(compact(linear-gradient(top left, #333333, #00cc00), false, false, false, false, false, false, false, false, false));
background: -webkit(compact(linear-gradient(top left, #333333, #00cc00), false, false, false, false, false, false, false, false, false));
background: -moz(compact(linear-gradient(top left, #333333, #00cc00), false, false, false, false, false, false, false, false, false));
background: -o(compact(linear-gradient(top left, #333333, #00cc00), false, false, false, false, false, false, false, false, false));
background: compact(linear-gradient(top left, #333333, #00cc00), false, false, false, false, false, false, false, false, false); }

正如您在输出中看到的，前缀定义不明确。我厌倦了在 Google 上搜索，如果我做错了，请告诉我。

任何帮助将不胜感激。提前致谢。

编辑：我已经在我的 Windows 电脑中安装了 ruby，并通过输入以下命令通过命令行安装 sass 和 compass。

 gem install compass
 gem install sass

我已经使用这两个命令来安装 compass 和 sass 并编译

sass --watch --style compressed path1:path2

【问题讨论】：

您使用的是什么版本的指南针？我无法复制这个问题。
您没有将它安装为 gem 有什么原因吗？似乎缺少其他一些依赖项。
你也有最新版本的 Sass 吗？我认为当前的稳定版本是 3.2.3。
是的，它的 sass 3.2.3。你能告诉我来自 github 的源文件是否损坏或有其他指南针源文件要下载以使其工作。
您下载源代码而不是安装 Compass gem 有什么原因吗？

标签： css sass

【解决方案1】：

嘿，问题解决了。错误是我使用 sass 编译器来编译

sass --watch --style compressed sass:css

原来是这样

compass watch projectname

如果我的问题不清楚，我很抱歉。请不要投反对票。

【讨论】：