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

Question

我需要有一个IE渐变滤镜在较少的CSS与一个变量和变亮。这个是可能的吗？

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

Answer 1

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

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

Answer 2

您可以在字符串中插入变量，并在concatenation.Empty字符串需要get字符串作为连接结果的过程中“打印变量”。所有变量都将插入到字符串中

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