LessCSS - 与变量IE梯度滤波器和减轻(LessCSS - IE gradient fil

2019-06-23 23:17发布

我需要有欠CSS一个IE梯度滤波器具有可变和减轻。 这可能吗?

#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字符串作为串联的rezult。 所有的变量会被插入到字符串

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


文章来源: LessCSS - IE gradient filter with variables and lighten