<body id="bg" style="background-attachment: fixed; background-image: url('img/c859bg.png');">
When the page loads, the below script should fadeIn the background image above onLoad complete. But it rather fades in the whole document. How would I just select the background image to fadeIn?
$(window).load(function() {
$("#bg1").fadeIn();
});
Because the entire HTML document resides within the
bodytag, it’s not possible to fade it in without affecting the whole document. Instead you should animate the background opacity of thebodytag. Hope that helps.