灰度无法使用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)识别为自身的有效函数，但也不会将其视为属性值，因此，当您需要使用字符串插值来获得LESS以便很好地编译时。

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

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