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

Question

我试过以下方法:

@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 中直接被忽略。

Answer 1

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