less - 灰度不适用于 LESS

Question

我想使用灰度函数，但 LESS 一直抛出这个错误，我没有看到灰度的 mixin 或如何使用它。有什么帮助吗？

Error   148 Expected color in function 'grayscale'

 img {
     -webkit-filter: blur(2px) grayscale(1);
    -moz-filter: blur(2px) grayscale(1);
    -o-filter: blur(2px) grayscale(1);
    -ms-filter: blur(2px) grayscale(1);
    filter: blur(2px) grayscale(1);
 }

Answer 1

试试下面的。LESS 可能无法识别grayscale(1)为自身的有效函数，也没有将 is 视为属性值，因此当您需要使用字符串插值来使 LESS 编译良好时。

 img {
    @filterString: ~"blur(2px) grayscale(1)";

     -webkit-filter: @filterString;
    -moz-filter: @filterString;
    -o-filter: @filterString;
    -ms-filter: @filterString;
    filter: @filterString;
 }