动画不透明度，IE中的一般不透明度

【问题标题】：Animating opacity, opacity in general in IE动画不透明度，IE中的一般不透明度
【发布时间】：2011-05-03 02:22:44
【问题描述】：

当 IE 呈现过滤器时：alpha(opacity=..) 无论是在图像还是文本上。看起来很糟糕。有没有办法让 IE 呈现类似正常浏览器的平滑不透明度？

如果不是，我怎样才能轻松地在淡入（不透明度 x->1）javascript 动画重新渲染元素后使其看起来不再糟糕..？

【问题讨论】：

看起来很糟糕是什么意思？
@sAc：这是一个已知问题，Internet Explorer 中的过滤器在使用半透明时会受到限制。应用过滤器后，文本和图像中的半透明/抗锯齿变得完全不透明，这就是它看起来很糟糕的原因。
@Andy E：没错，现在很清楚了:)

【解决方案1】：

对元素应用背景颜色或不透明背景图像应该可以解决此问题。这是由于过滤器的工作方式，它们是 ActiveX 组件并且它们很旧，因此在使用部分透明度时它们具有certain limitations。

您也可以在动画完成后禁用过滤器，使用类似：

myElement.filters[0].enabled = false;

许多动画库使用这种技术仅在淡入淡出期间启用过滤器，这样用户就不会注意到丑陋的锯齿。

有another fix（最好在 IE 中查看以了解帖子的重点），尽管它更像是一种 hack，并且在所有情况下都不是一个好的解决方案，尤其是在您需要更改图像大小的情况下。

【讨论】：