This question already has answers here:
How can I make the browser wait to display the page until it's fully loaded?
                                
                                    (16个答案)
                                
                        
                                5年前关闭。
            
                    
我有一个包含大量表数据的html页面,具有某些样式的css页面以及具有诸如排序和过滤之类的内容的javascript页面。

当我单击页面时,我看到元素出现,然后在加载时进行调整。例如,表头开始为特定大小,然后调整为其他大小。

我希望元素显示其最终外观和位置。无论是一次加载整个页面,还是每个元素一次加载一个最终外观,我都同意。

这可能吗?谢谢!

最佳答案

如果您想这样做,我不推荐这样做,我觉得很烦,请使用JS或JQuery:
jQuery的:

   $(window).load(function(){
       $('.overlay').fadeOut();
    });


HTML:

<noscript><style>.overlay{display:none;}</style></noscript>
<div class="overlay">Loading...</div>


CSS:

.overlay{
position:fixed;
top:0;
bottom:0;
left:0;
right:0;
background:#222021;
color:white;
z-index:999;
}


页面加载后,叠加层逐渐消失。

JSFiddle Demo

10-05 21:07
查看更多