LessCSS-IE带变量和变量的梯度滤波器

LessCSS-IE带变量和变量的梯度滤波器,css,internet-explorer,less,Css,Internet Explorer,Less,我需要有一个IE渐变过滤器在较少的CSS与变量和减轻。这可能吗 #whatever { filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='lighten(@grayColor, 3%)', endColorstr='@greenColor', GradientType=0); } 据我所知,你不能将转义(因为这就是你在这里需要的)和颜色功能(lighen)混合在一起。因此,您需要将startColor值存储

我需要有一个IE渐变过滤器在较少的CSS与变量和减轻。这可能吗

#whatever {
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='lighten(@grayColor, 3%)', endColorstr='@greenColor', GradientType=0);
}

据我所知,你不能将转义(因为这就是你在这里需要的)和颜色功能(lighen)混合在一起。因此,您需要将startColor值存储在另一个变量中

@grayColor :#dddddd;
@greenColor : #ff0000;
@start : lighten(@grayColor, 3%);
.css {
   filter:~"progid:DXImageTransform.Microsoft.gradient(startColorstr='@{start}', endColorstr='@{greenColor}', GradientType=0)";
}

您可以将变量插入字符串并在连接过程中“打印”它们。空字符串需要作为连接的rezult获取字符串。所有变量都将插入到字符串中

@filterStr: "progid:DXImageTransform.Microsoft.gradient( startColorstr='@{upper}', endColorstr='@{bottom})',GradientType=1 )";
@emptyStr: "";
filter:e(@filterStr+@emptyStr);