css - 标准 yeoman webapp 设置中的指南针无法正确呈现线性渐变

Question

我有一个使用yo webappfrom Yeoman生成的香草 webapp ，并且我使用了通过 SASS 引入 Compass 的选项。我本地的 Compass 版本是 0.12.2，目前是最新的。然后，我在Compass 渐变文档main.scss中逐字逐句地添加了这样的内容：

@include background-image(linear-gradient(left top, white, #dddddd));

然而，这在 CSS 中呈现，没有对线性梯度函数进行任何预处理：

background-image(linear-gradient(left top, #ffffff, #dddddd));

截屏：

：

文档中的示例不起作用，我做错了什么？

score 0 · Accepted Answer

我深入研究了源代码，即 in并找到了一个用下划线lib/compass/sass_extensions/functions/gradient_support.rb定义的 mixin 函数。linear_gradient我尝试在我的 SCSS 中使用以下内容并且它有效：

@include background-image(linear_gradient(left top, white, #dddddd));

编辑：经过进一步检查，这似乎无法完全正常工作。它仍然会产生非法的background-image: linear-gradient(left top, #ffffff, #dddddd);.

score 0 · Accepted Answer

这里同样的问题。

使用 Yeoman Webapp 全新安装，遵循 Compass 中关于线性渐变的文档。我得到了相同的结果 -但请注意：正在进行预处理，我认为我们没有看到前缀的原因是因为最新的浏览器（包括 Chrome）不需要它.. 显然http://caniuse.com/#壮举=css-渐变

不幸的是，如果没有前缀，它实际上对我不起作用。

2 回答 2