我在加载时有很多页面效果,它们会导致加载时页面变形。为了阻止这一切,我在不断地让尸体褪色。但是,它只在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。
另一方面,如果元素已经可见,则根本不会有动画,因为元素已经处于目标状态。

10-05 20:54
查看更多