文本动画在IE中不起作用

Question

本网站上的文字栏每5秒钟更换一次users.telenet.be/stijn.aerts。问题是，它不工作在IE浏览器，它适用于其他浏览器...

有没有人有线索？

Answer 1

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/