.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

сначала вы можете установить overlay-white следующим образом display : none; в css

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

тогда делай так .. $('.overlay-white').fadeIn();

надеюсь, поможет.

Answer 3

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