是否可以将 Internet Explorer 的 BasicImage 过滤器与渐变过滤器链接起来？答案

【问题标题】：Is it possible to chain Internet Explorers BasicImage filter with the Gradient filter?是否可以将 Internet Explorer 的 BasicImage 过滤器与渐变过滤器链接起来？
【发布时间】：2013-04-26 02:10:36
【问题描述】：

我在 IE9 中尝试过以下 css

    filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)
     progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";

发生的情况是，最后指定的过滤器是被应用的过滤器。有什么方法可以旋转图像并纠正不透明度？

【问题讨论】：

我也在每一行都尝试了一个过滤器并且没有引用过滤器字符串
您可以用逗号分隔它们，但我不确定最终结果是否有用。 “正确的不透明度”是什么意思？你想做什么？
progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)" 两种颜色都是透明的，你试过有颜色的渐变吗？还要查看Gradient Filter 文档，您应该能够设置每个过滤器，它们之间没有逗号，但它们之间确实使用回车符。

标签： css internet-explorer filter

【解决方案1】：

已经有一段时间了，所以我将展示对我有用的解决方案。我不记得为什么这让我感到沮丧，以至于首先在 SO 上创建一个问题，但以下是目前在我的网站上运行的 css。

-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */
filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";

最初的问题是按照 MS 的建议将两个过滤器（旋转、不透明度）放在一个“过滤器”元素而不是两个元素中引起的。当我将它们都放在同一个元素中时，最后一个命令将覆盖第一个命令。所以如果我指定不透明度然后旋转我会得到一个旋转但没有不透明度。

【讨论】：