IE에서 부모 요소가 사라지면 텍스트가 올바르게 배치되지 않습니다.

Question

슬라이드를 페이드하는 슬라이드 쇼를 만들려고 할 때 문제가 있습니다. 각 슬라이드에는 텍스트가 중첩되어 있으며이 텍스트는 부분적으로 컨테이너 외부에 위치하도록 절대 위치가 지정됩니다.

모든 등 파이어 폭스, 크롬에서 작동하지만 텍스트는 Internet Explorer 7에서 애니메이션이나 컨테이너는 평소처럼 애니메이션 8

하지만 텍스트가 바로 나타나고, 또한 부분적으로 그것의에 의해 잘린 것 같다, 사라하지 않습니다 애니메이션 할 때 컨테이너.

데모 : http://jsfiddle.net/8xvFF/8/

Answer 1

그래, 그것은 버그입니다.

당신의 .slide-text 선택에

opacity:inherit; 
filter:inherit; 

를 추가합니다.

고정 샘플 : http://jsfiddle.net/8xvFF/44/