LessCSS - IE变量渐变过滤器和减轻 [英] LessCSS - IE gradient filter with variables and lighten

问题描述

我需要一个IE渐变过滤器在Less CSS与变量和减轻。这是可能吗？

I need to have an IE gradient filter in Less CSS with a variable and lighten. Is this possible?

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

推荐答案

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

As far as I know you can't mix escaping (because that's what you need here) and colour functions (lighen). So you'll need to store the startColor value in another variable.

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

这篇关于LessCSS - IE变量渐变过滤器和减轻的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！