SASS Compass - 渐变编译，但创建无效的 CSS？答案

【问题标题】：SASS Compass - gradients compile, but create invalid CSS?SASS Compass - 渐变编译，但创建无效的 CSS？
【发布时间】：2013-12-05 03:24:06
【问题描述】：

我尝试了以下方法：

@import 'compass';

.gradient {
    background-color: rgb(238,49,36); // Old browsers
    @include filter-gradient(#ee3124, #d12b20, vertical); // IE6-9
    @include background-image(linear-gradient(top,  rgba(238,49,36,1) 0%,rgba(209,43,32,1) 100%));
}

生成以下css：

.gradient {
  background-color: #ee3124;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFEE3124', endColorstr='#FFD12B20');
  background-image: -owg(compact(linear-gradient(top, #ee3124 0%, #d12b20 100%), false, false, false, false, false, false, false, false, false));
  background-image: -webkit(compact(linear-gradient(top, #ee3124 0%, #d12b20 100%), false, false, false, false, false, false, false, false, false));
  background-image: -moz(compact(linear-gradient(top, #ee3124 0%, #d12b20 100%), false, false, false, false, false, false, false, false, false));
  background-image: -o(compact(linear-gradient(top, #ee3124 0%, #d12b20 100%), false, false, false, false, false, false, false, false, false));
  background-image: compact(linear-gradient(top, #ee3124 0%, #d12b20 100%), false, false, false, false, false, false, false, false, false);
}

看起来好像在工作，但结果只是 Google Chrome 中的“无效属性值”错误，而在 FireFox 中直接被忽略了。

【问题讨论】：

标签： sass compass-sass

【解决方案1】：

我在 NetBeans 下运行 SASS 插件，它在编译时有自己的类似 Sass-watch 的功能，所以它绕过了 compass watch 功能。所以 SASS 是在 css 文件中生成 SASS 代码，而不是罗盘生成 CSS 代码。

【讨论】：