在IE中淡化父元素时,绝对定位的文本不会生成动画

时间:2011-10-06 11:40:38

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

我遇到了一个问题,我正在尝试制作幻灯片幻灯片。每张幻灯片上都有文字覆盖,并且这个文本是绝对定位的,因此它部分位于容器之外。

所有内容均适用于Firefox,Chrome等,但文本不会在Internet Explorer 7或8中生成动画。

容器会像往常一样动画,但文本只会出现并消失,在制作动画时它似乎也会被它的容器部分剪掉。

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

1 个答案:

答案 0 :(得分:0)

是的,这是一个错误。

添加

opacity:inherit;
filter:inherit;

到您的.slide-text选择器。

修正样本:http://jsfiddle.net/8xvFF/44/