我需要在带有变量和变亮的 Less CSS 中使用 IE 渐变过滤器。这可能吗?
#whatever {
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='lighten(@grayColor, 3%)', endColorstr='@greenColor', GradientType=0);
}
我需要在带有变量和变亮的 Less CSS 中使用 IE 渐变过滤器。这可能吗?
#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)";
}
您可以将变量插入字符串并在连接过程中“打印它们”。空字符串需要获取字符串作为连接的结果。所有变量都将插入字符串
@filterStr: "progid:DXImageTransform.Microsoft.gradient( startColorstr='@{upper}', endColorstr='@{bottom})',GradientType=1 )";
@emptyStr: "";
filter:e(@filterStr+@emptyStr);