Абсолютно позиционированный текст не анимируется при исчезновении родительского элемента в IE - PullRequest
0 голосов
/ 06 октября 2011

У меня возникла проблема, когда я пытаюсь создать слайд-шоу, которое затухает слайдами. На каждый слайд накладывается текст, и этот текст абсолютно размещен, поэтому он частично находится за пределами контейнера.

Все работает в Firefox, Chrome и т. Д., Но текст не анимируется в Internet Explorer 7 или 8.

Контейнер анимируется, как обычно, но текст просто появляется и исчезает, а также кажется, что он частично обрезается контейнером при анимации.

Демо: http://jsfiddle.net/8xvFF/8/

1 Ответ

0 голосов
/ 06 октября 2011

Да, это ошибка.

Добавьте

opacity:inherit;
filter:inherit;

к вашему .slide-text селектору.

Фиксированный образец: http://jsfiddle.net/8xvFF/44/

...