如何强制浏览器等到所有内容都加载完毕?

时间:2012-05-18 05:36:07

标签: dom pageload

我正在使用几层堆叠图像和动画来生成效果的页面,但是当我在每个浏览器(最新版本)中本地加载它时,它将显示尺寸小于在显示前层之前,在DOM中较低的前层。这只是片刻,但它打破了效果。唯一没有这样做的浏览器是chrome。

到目前为止,我已经尝试过这个:

<head>
$(window).load(function() {
    $(body).css("visibility", "visible");
});
</head>
    <body style="visibility:hidden;" >

但无济于事。有没有人有更好的方法?

1 个答案:

答案 0 :(得分:0)

/ 使用它可以帮助您 /

function loadvisiblity()
{
    $(body).css("visibility", "visible");
}

<style type="text/css">
body.hidden {visibility:hidden;}
</style>

<body class="hidden" onload="loadvisiblity()">