我在加载时有很多页面效果,它们会导致加载时页面变形。为了阻止这一切,我在不断地让尸体褪色。但是,它只在display:none;
属于CSS的body部分时才起作用。
CSS
body {
position: relative;
min-height: 100%;
margin: 0 0 0 0;
padding: 0 0 0 0;
border-collapse: collapse;
font-size: 12px;
display: none;
}
JS公司
window.onload = function () {
$('body').fadeIn();
main(); // my effect function
};
window.onbeforeunload = function () {
$('body').fadeOut();
};
我在VS2015中使用的是一个设计编辑器,由于设置了
display:none;
,因此无法看到我的页面。如果没有
display:none;
,它不工作有什么原因吗? 最佳答案
fadeIn
设置不透明度从当前状态到1
的动画(即没有透明度)。
如果元素完全隐藏,则将从0转换为1。如果元素的不透明度为50%,则它将从0.5过渡到1。
另一方面,如果元素已经可见,则根本不会有动画,因为元素已经处于目标状态。