jQuery background-image“淡入”动画

有人可以帮帮我吗？ 我有一个网站，图像设置为“body”元素的背景。 我需要创造一个像“淡入淡出”的效果。

这是网站http://www.ladycup.eu/ 。

如果缩小，则可以看到主内容框侧面的树叶。 这就是图像，如果你知道我的意思，我需要它从内容框下“增长”。 我已经阅读了很多关于这个主题的建议 – 比如在后台创建一个带有这个图像的div等等，但在这种情况下我不能这样做。 我真的很感激任何帮助……

Answer 1

我已经检查了网站，但我无法看到身体的背景，无论如何，如果我有你的问题，你希望身体的背景图像淡出并在内容上方生长，如果是的话，

使用CSS3，定义一个类并按照你想要的方式调用它，让我们称之为ani

 .ani { -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } 

在你的HTML代码中将此类添加到正文

最后，将背景添加到正文，并在加载时更改不透明度