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);
}

看起来喜欢它的工作方式，但结果只是＆＃34;无效的属性值＆＃34;谷歌浏览器中的错误，并在FireFox中直接忽略。

Answer 1

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

SASS指南针 - 渐变编译，但创建无效的CSS？

1 个答案: