Internet Explorer：fadeIn（）; 和位置：絕對；

Question

我在div上使用fadeIn（）時遇到問題，該元素包含絕對位置的元素。 早些時候我發表了一篇文章，但是似乎人們不理解我的問題，因為我沒有足夠清楚地說明它。 這是一個代碼示例，適用於除IE之外的所有瀏覽器-http: //jsfiddle.net/Ayy6W/3/

我需要這個的原因是因為我想創建類似於http://www.timmacpherson.com/的東西，但是要使用jQuery而不是Flash。 因此，我需要將這些水平線和文本手動放在固定大小的包裝紙上。 我希望您了解我在這里要做什么，也許還有其他方法。

Answer 1

您可能已經發現，這是IE中的常見錯誤 。 一種解決方案是將褪色的元素包裝在絕對定位的元素中，並使褪色的元素內聯顯示。 這是使用此方法的更新小提琴。

更新

根據您的注釋的另一種選擇就是這樣做：遍歷要淡入的不同元素。 在下面的示例中，您將fadeIn類添加到每個元素，然后分別遍歷它們。 在這種情況下，javascript將如下所示：

$("#hello .fadeIn").each(function(){
    $(this).hide();
    $(this).fadeIn();
});