您可以在 Internet Explorer 的过滤器属性生成的渐变中使用 rgba 颜色吗？答案

【问题标题】：Can you use rgba colours in gradients produced with Internet Explorer’s filter property?您可以在 Internet Explorer 的过滤器属性生成的渐变中使用 rgba 颜色吗？
【发布时间】：2011-03-01 19:08:15
【问题描述】：

Internet Explorer 的 filter CSS 属性（来自 IE 8 的-ms-filter）允许您进行 CSS 渐变，有点像 -webkit-gradient 和 -moz-gradient 属性（参见例如 question 213750）。

但是，语法似乎不允许 rgba 颜色，所以你不能做从颜色到透明的渐变。

有没有办法在IE中实现以透明结尾的渐变？

【问题讨论】：

注意：过滤器不能处理大于或等于 4096 像素的元素。我在制作半透明叠加层时发现了这一点。

标签： css internet-explorer gradient

【解决方案1】：

可以用#AARRGGBB 表示法指定停止颜色，其中AA 表示alpha。例如，#ffff0000 是完全不透明的红色。

这会产生 100% 红色到 50% 黑色的水平渐变：

filter: progid:DXImageTransform.Microsoft.Gradient(
    GradientType=1, 
    StartColorStr='#ffff0000', 
    EndColorStr='#80000000'
);

jsFiddle preview

【讨论】：

啊哈，我想知道为什么很多 filter 示例使用 8 个字符的十六进制颜色。太好了，干杯。