文本動畫在IE中不起作用

本網站上的文字欄每5秒鐘更換一次users.telenet.be/stijn.aerts。問題是，它不工作在IE瀏覽器，它適用於其他瀏覽器...文本動畫在IE中不起作用

有沒有人有線索？

「'關於您編寫的代碼問題的問題必須描述具體問題 - 幷包含有效的代碼以重現它在問題本身。參見[SSCCE.org]（http://sscce.org/）的指導。「 – Teemu

Internet Explorer未將父級的不透明規則應用於絕對定位的子級。在這種情況下，您將設置列表項的不透明度，但這不會級聯到絕對定位的h2元素中。

您可以使用的一項工作是將父母代表列表項元素的位置設置爲相對。這會導致不透明度聲明級聯並影響絕對定位的子項。在Internet Explorer問題的

ul.textslideshow li h2 { 
    opacity: inherit; 
    position: absolute; 
    /*...*/ 
}

例：

ul.textslideshow li { 
    opacity: 0; 
    position: relative; 
    animation: textAnimation 25s ease-out infinite; 
}

如果您不希望定位育兒列表項，可以設置不透明度繼承的標題問題http://jsfiddle.net/xTG85/show/
例在IE中解析：http://jsfiddle.net/xTG85/1/show/

2013-12-14 20:38:18 Sampson

回答