jQuery fadeIn不使用position属性（在Internet Explorer中）

Question

为什么jQuery fadeIn（）不能在IE中使用位置css属性。所有其他浏览器都没问题。

请在IE中看到这一点 http://jsfiddle.net/Ayy6W/56/

Answer 1

由于IE渲染引擎中存在奇怪的继承问题，绝对元素无法从父级继承不透明度，除非父级相对定位。不要问我为什么，我不知道，但情况确实如此。

#rollover {
    position:relative;
}

是否需要将所有内容添加到CSS中，并且它在IE中完美运行。

示例：http://jsfiddle.net/Ayy6W/59/

Answer 2

我已根据类似fiddle的答案修改了您的question。这可以作为一种解决方法..