灰度无法使用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;
 }