jquery - 当下面的元素进行动画处理时，如何强制 IE 继续对覆盖层应用不透明度？

Question

我有一个幻灯片(使用 jQuery Cycle)，其中包含一个覆盖层。叠加层使用 CSS 不透明度和滤镜。 jQuery 对动画也做了同样的事情。

在 IE 6/7/8 中，用于提供叠加不透明度的过滤器在动画运行时失败并显示灰色。

我认为问题在于 IE 不能同时使用两个过滤器。无论如何，这附近有吗？

所有代码都在 JSBin 上: http://jsbin.com/ucizox/6/edit

Answer 1

我曾经遇到过类似的问题，使用 jQuery 的 .fadeOut() 无法为我在 IE 中淡出的元素的子元素设置不透明度动画。当时，我通过添加 css 来解决这个问题，告诉子元素专门继承其父元素的过滤器属性，例如:

fadeElement * { 过滤器:继承； }