Question

我对加载有很多页面效果，它们会导致页面在加载时出现形容。为了阻止这种情况，我正在褪去身体。但是，只有当display:none;归因于CSS的正文部分时，它才有效。

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();
};

我在VS 2015中使用了设计编辑器，因为设置了display:none;而无法看到我的页面。

如果没有display:none;，它有什么理由不起作用吗？

Answer 1

fadeIn将不透明度从当前状态设置为1（即没有透明度）。

如果元素被完全隐藏，那将是从0到1的过渡。如果元素具有50％的不透明度，则它将是从0.5到1的过渡。

另一方面，如果元素已经可见，则根本没有动画，因为元素已经处于目标状态。

使用jQuery的HTML fadeIn / fadeOut仅适用于display：none

1 个答案: