jQuery - IE8 中的动画不透明度

Question

在我当前正在工作的网站上，我有一个 <ul>包含 <li> 的负载的，每个包含 <div> , <span> , <img>等等

当我将鼠标悬停在 <li> 之一上时的，我正在使用 jQuery 为所有其他 <li> 的不透明度设置动画。设为 0.3 以引起人们对焦点 <li> 的注意.

我的问题是 IE8(并且仅 IE8)正在为 <li> 制作动画的不透明度，但 <li> 中没有任何子元素.

有人以前遇到过这个问题，或者知道解决办法吗？

谢谢!

编辑:

请参阅以下 jsFiddle 示例 - http://jsfiddle.net/BJ8gK/22/

Answer 1

我遇到了类似的问题 - 在 IE8 中，为了确保子元素的不透明度在更改父元素的不透明度时也受到影响，您必须应用 css 规则

filter:inherit

到子元素。简单的修复，但可能晦涩难懂