Question

有人可以帮帮我吗？我有一个网站，图像设置为“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代码中将此类添加到正文<body class="ani">

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

<script>
$(document).ready(function(){
   $('#Body').css('opacity', 0.1);
});
</script>

jQuery background-image“淡入”动画

1 个答案: