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页面。
当我单击页面时,我看到元素出现,然后在加载时进行调整。例如,表头开始为特定大小,然后调整为其他大小。
我希望元素显示其最终外观和位置。无论是一次加载整个页面,还是每个元素一次加载一个最终外观,我都同意。
这可能吗?谢谢!
HTML:
CSS:
页面加载后,叠加层逐渐消失。
JSFiddle Demo
(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