Jquery 如何使背景相对于当前元素css淡入淡出

我有一个加载图标，它应该在点击按钮后加载。我想所有的背景元素的图标淡入淡出，创造一个纯粹的加载感觉。最简单的方法是什么

编辑：我将所有其他元素淡入淡出状态，而不仅仅是背景图像

$（“#显示”）。在（“单击”，函数（）{
$（“.page loader indiv”）.show（）；
});
$（“.page loader indiv”）.hide（）
.page loader indiv{
位置：固定；
左：0px；
顶部：0px；
宽度：100%；
身高：100%；
z指数：99999；
背景：透明url(http://web.codeevents.xyz/img/page-loader.gif)中心不重复；
}
身体{
背景：url(http://web.codeevents.xyz/img/Desserts.jpg);
颜色：白色；
}

这是一些内容
这是更多的内容
单击此处显示加载程序
显示加载器
我终于得到了它，只是在加载程序图标上设置了一个背景不透明度


$（“#显示”）。在（“单击”，函数（）{
$（“.pageloader indiv”）.fadeIn（3000）.fadeOut（3000）；
});
$（“.page loader indiv”）.hide（）
.page loader indiv{
位置：固定；
左：0px；
顶部：0px；
宽度：100%；
身高：100%；
z指数：99999；
背景：rgb（0,0,0,0.5）url(http://web.codeevents.xyz/img/page-loader.gif)中心不重复；
}
身体{
背景：url(http://web.codeevents.xyz/img/Desserts.jpg);
颜色：白色；
}

这是一些内容
这是更多的内容
单击此处显示加载程序
显示加载器
我认为您不能，因为它是图像的一部分。除非您使用透明背景创建图像，否则可能会复制