在 IE 中淡入父元素时，绝对定位的文本不动画答案

【问题标题】：Absolutely positioned text does not animate when fading the parent element in IE在 IE 中淡入父元素时，绝对定位的文本不动画
【发布时间】：2011-10-06 22:37:06
【问题描述】：

我遇到了一个问题，我正在尝试创建一个使幻灯片淡出的幻灯片。每张幻灯片上都覆盖了文本，并且该文本是绝对定位的，因此它部分位于容器之外。

在 Firefox、Chrome 等中一切正常，但文本在 Internet Explorer 7 或 8 中没有动画效果。

容器像往常一样动画，但文本只是出现和消失，而且在动画时它似乎被它的容器部分剪裁。

演示：http://jsfiddle.net/8xvFF/8/

【问题讨论】：

如果有癫痫发作的习惯，我不建议看demo :D

标签： javascript jquery css animation internet-explorer-7

【解决方案1】：

是的，这是一个错误。

添加

opacity:inherit;
filter:inherit;

到您的.slide-text 选择器。

固定样本：http://jsfiddle.net/8xvFF/44/

【讨论】：

似乎无法正常工作。刚刚在 IE7 中加载它，当容器动画导致文本闪烁时，文本被裁剪。
@Camsoft - 是的 - 似乎在带有浏览器模式 IE7/IE8 的 IE9 中问题得到解决 - 我现在在 IEtester 中运行它，问题仍然存在......：/