1

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

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

如果缩小，您可以看到主内容框侧面的叶子。那就是图像，如果您知道我的意思，我需要它从内容框下方“生长”。我已经阅读了很多关于这个主题的建议——比如在背景中创建一个带有这个图像的 div 等等，但在这种情况下我不能这样做。如果有任何帮助，我将不胜感激...

4

1 回答 1

0

我已经检查了该网站，但我看不到正文的背景，无论如何，如果我有你的问题，你希望正文的背景图像淡出并在内容之上增长，如果是这样，

使用 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>
于 2013-04-18T17:12:10.563 回答