使用ie8使我的jquery代码正常工作

Question

这是我现在的代码：

jQuery(document).ready(function($) {
$("div#main").hide();
$("div#footer").hide();
setTimeout(function () { $("div#main").fadeIn("slow"); }, 2000);
setTimeout(function () { $("div#footer").fadeIn("slow"); }, 2000);
});

这是网站： http://thecodefixer.com/tatmuda/blog/

请在ie8中查看，看看会发生什么

我需要首先看到背景图像然后主要内容正方形和页脚将显示淡入....（就像在Firefox和Chrome中一样......效果很好）

有人知道如何在ie8中解决这个问题吗？

Answer 1

将CSS中的这两个元素默认为display:none。 IE8中的问题似乎是所有内容都需要很长时间才能加载，而#main和#footer在开始时都是block。然后，当jQuery最终“准备好”时，这些元素将被隐藏。这就是让他们像这样闪烁的原因。因此，请将此添加到您的页面，看看是否是这种情况：

#main{display:none;}
#footer{display:none;}