Jquery 背景图像不褪色

Jquery 背景图像不褪色,jquery,html,css,background-image,fading,Jquery,Html,Css,Background Image,Fading,我一直在试图弄清楚为什么我的背景图像没有褪色。我尝试过使用css/jquery和w3路由。我可以看到背景图像确实出现了,并且我已经检查了jquery代码是否确实适用于我嵌套在body标记中的任何标记。我读过其他的帖子,但是没有帮助 $(文档).ready(函数(){ $(“body”).hide().fadeIn(3000); }); 正文{ 背景附件:固定; 背景位置:中心; 背景重复:无重复; 背景尺寸:封面; 背景图像:url('../images/index.jpeg'); } 标题

我一直在试图弄清楚为什么我的背景图像没有褪色。我尝试过使用css/jquery和w3路由。我可以看到背景图像确实出现了,并且我已经检查了jquery代码是否确实适用于我嵌套在body标记中的任何标记。我读过其他的帖子,但是没有帮助

$(文档).ready(函数(){
$(“body”).hide().fadeIn(3000);
});
正文{
背景附件:固定;
背景位置:中心;
背景重复:无重复;
背景尺寸:封面;
背景图像:url('../images/index.jpeg');
}

标题

您可以使用
setTimout

$(文档).ready(函数(){
setTimeout(函数(){
$(“body”).css(“背景图像”,“url”()https://s13.favim.com/orig/170403/aesthetic-forest-nature-photography-Favim.com-5145568.png')");
}, 2000);
});
正文{
背景附件:固定;
背景位置:中心;
背景重复:无重复;
背景尺寸:封面;
}

只需在此处输入文字

$(文档).ready(函数(){
$(“body”).hide().fadeIn(3000);
});
html,正文{
保证金:0;
填充:0;
}
div{
宽度:100%;
高度:100vh;
背景附件:固定;
背景位置:中心;
背景重复:无重复;
背景尺寸:封面;
背景图像:url('http://www.nationalgeographic.com/content/dam/science/photos/000/009/940.jpg');
}


删除
隐藏()
后重试。像法代因(3000)刚刚尝试但不起作用。请查看此外观。这就是你想要的吗?我试过你的
身体
类。它和我一起工作。在某些.js或.css文件中可能存在一些问题。逐个添加对.css和.js的引用。因此,您可以确定是从哪个文件问题发生的。@user3871288在本例中,淡入效果对正文起作用。正文内的所有内容都将淡入。背景图像位于正文内的一个div内。淡入效果不是背景图像。在我尝试使用body标记之前,但不起作用。。所以我做了一个div作为页面的容器,并添加了一个淡入。。我不知道你能不能换个方法。。