IE 渐变过滤器中的颜色函数

发布于 2025-01-08 19:03:06 字数 609 浏览 1 评论 0原文

已尝试各种“转义”功能，但似乎无法使以下功能正常工作...

.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 );

，因为问题是试图确保“变暗”（或任何其他颜色功能）在过滤器转义内工作。我猜我一直错误地使用转义序列。

原文

Have tried various "escape" functions but can't seem to get the below working...

.background-radial(@colour, @depth: 20%) {
    filter: ~"progid:DXImageTransform.Microsoft.gradient( startColorstr='@{colour}', endColorstr='darken(@{colour},@{depth})',GradientType=1 )"; /* IE6-9 fallback on horizontal gradient */
}

called by

body {
    .background-radial(rgb(225,225,255));
}

Renders as

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e1e1', endColorstr='darken(#e1e1e1,20)',GradientType=1 );

Problem is trying to ensure the "darken" (or any other colour function) works within the filter escape. I'm guessing i've been using the escape sequences incorrectly.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

暖心男生 2025-01-15 19:03:06

您可以通过一个额外的变量来解决这个问题：

.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 */
}

You can work around this through an extra variable:

.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 */
}

回复收藏 0 原文

~没有更多了~