如何淡入淡出整个网站加载完成后的背景图像（以n秒为单位）

Question

我想淡出在网站的背景图片中，因为网站使用jQuery或任何东西完全加载到浏览器中 这里是我用过的CSS

body 
{ 
background-image:url('c.png'); 
background-repeat:no-repeat; 
background-attachment:fixed; 
background-position:center; 
font-family: helvetica, arial, sans-serif; 
font-size:40px; 
} 

Answer 1

如果使用

$(document).ready(function() { 
$("#myImage").delay(n * 1000).animate({ 
opacity: 1 
}, 1000); 
}); 

它应该工作。只要确保图像的原始不透明度为0.

编辑： 下面是一个示例。

Click here.