.appende e sbiadisce - javascript, jquery, jquery-animate, fadein

Appendo un div con un effetto di sovrapposizione come questo:

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

La classe bianca sovrapposta. Avere questo css:

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

Ma ora il mio problema. L'overlay lo apre ora. Ma come posso sbiadire nella sovrapposizione ???

risposte:

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

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

per prima cosa puoi impostare il overlay-white come questo display : none; in css

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

allora fai come questo .. $(".overlay-white").fadeIn();

speriamo che aiuti.