Less IE渐变滤镜中的颜色功能
已经尝试了各种“退出”功能,但似乎无法使下面的工作Less IE渐变滤镜中的颜色功能,less,Less,已经尝试了各种“退出”功能,但似乎无法使下面的工作 .background-radial(@colour, @depth: 20%) { filter: ~"progid:DXImageTransform.Microsoft.gradient( startColorstr='@{colour}', endColorstr='darken(@{colour},@{depth})',GradientType=1 )"; /* IE6-9 fallback on horizontal grad
.background-radial(@colour, @depth: 20%) {
filter: ~"progid:DXImageTransform.Microsoft.gradient( startColorstr='@{colour}', endColorstr='darken(@{colour},@{depth})',GradientType=1 )"; /* IE6-9 fallback on horizontal gradient */
}
叫来
body {
.background-radial(rgb(225,225,255));
}
呈现为
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e1e1', endColorstr='darken(#e1e1e1,20)',GradientType=1 );
问题是试图确保“变暗”(或任何其他颜色功能)在滤光器内工作。我猜我一直在错误地使用转义序列 您可以通过一个额外的变量来解决这个问题:
.background-radial(@colour, @depth: 20%) {
@newColour: darken(@colour, @depth);
filter: ~"progid:DXImageTransform.Microsoft.gradient( startColorstr='@{colour}', endColorstr='@{newColour})',GradientType=1 )"; /* IE6-9 fallback on horizontal gradient */
}
您可以通过一个额外的变量来解决此问题:
.background-radial(@colour, @depth: 20%) {
@newColour: darken(@colour, @depth);
filter: ~"progid:DXImageTransform.Microsoft.gradient( startColorstr='@{colour}', endColorstr='@{newColour})',GradientType=1 )"; /* IE6-9 fallback on horizontal gradient */
}
我怎么没想到呢!谢谢我怎么没想到呢!谢谢