.追加和淡入

Question

我附加了一个带有叠加效果的 div，如下所示：

$("body").append('<div class="overlay-white"><div>')

overlay-white 类。有这个CSS：

position                : absolute;
    top                     : 0;
    left                    : 0;
    width                   : 100%;
    height                  : 100%;
    z-index                 : 500;
    background              : url(../img/backgrounds/bg-overlay.png) repeat left top;

但现在我的问题。覆盖层现在将其弹出。但是我怎样才能淡入叠加层呢？

Answer 1

var overlay = $('<div class="overlay-white"><div>');
overlay.hide().appendTo("body").fadeIn();

Answer 2

$("body").append('<div class="overlay-white"><div>');
$('.overlay-white').fadeIn();

Answer 3

首先你可以在CSS中像这样设置overlay-white display : none;

$("body").append('<div class="overlay-white"><div>')

然后这样做.. $('.overlay-white').fadeIn ();

希望有帮助。