.append和淡入

Question

我追加一个具有叠加效果的div：

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

叠加白色课程。有这个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();

希望有所帮助。