在 IE 8 中使用 javascript 设置不透明度？

【问题标题】：Set opacity with javascript in IE 8?在 IE 8 中使用 javascript 设置不透明度？
【发布时间】：2012-02-09 08:16:12
【问题描述】：

我怎样才能让这个“不透明回退”在 IE 8 中工作？

我只想使用纯 Javascript，没有 CSS 或 jQuery。

【问题讨论】：

我知道它在 IE10 下不会有很好的褪色效果...
你在使用 CSS，你只是用 JavaScript 设置它。 ;) e 通常也用于表示事件，而不是元素。
如果你想在没有 CSS 过渡的浏览器（如任何版本的 IE）中使用淡入淡出效果并且不想使用任何已经内置此功能的库，那么你将拥有做你自己的javascript动画。这涉及计算步长值、设置计时器以及随着时间的推移以小增量步进不透明度值。一个好的算法会跟踪它是否提前或落后于计划，并相应地调整步长值。在 Google 上搜索“javascript 补间动画”以获取更多信息。所有主要的库（YUI、jQuery 等）都内置了这个。

【解决方案1】：

 e.filter = "alpha(opacity:" + value * 100 + ")";

需要

e.style.filter = 'alpha(opacity=' + value*100 + ')';

注意style 和=

【讨论】：

e.style.filter = 'alpha(opacity=20)'; 应该保持简单。如果你成功使用它并且它没有显示然后确保元素有高度，如果它没有设置overflow: auto; 然后容器将包裹到它的内容的底部并且不透明度将“显示”所以- 说话。
如果您有多个过滤器会怎样？像另一个 ie8 渐变？