html - 如何使用 CSS 流畅地滚动背景图像

Question

所以我有一个比普通浏览器更高更宽的背景图像。我希望能够拥有它，以便它按比例滚动到屏幕的大小。由于它比正常时间长，我还希望它在用户向下滚动页面时逐渐向下滚动，直到用户到达底部。

简单地说，我认为让我们假设边高是 1000 像素，我的图像是 1500，我希望顶部开始页面并调整大小以适合用户的屏幕，但是底部 500 我想要以一半的速度滚动，以便用户向下滚动时慢慢滚动直到到达底部。

稍后我会找到一个更简单的网站，这个概念很难用语言和谷歌来表达。如果有人明白，请帮忙！

我需要使用 css 什么的

Answer 1

2 发帖前应该做的事情。

1. 显示一些代码/尝试
2. 检查您的来源。

据我在您提供的网站上看到的，他们使用的是简单的一个图像，400px x 400px另一个是53px x 54px，它以两种方式重复（高度和宽度）。

这是背景图片：

_{（来源：geek.nz）}

该PNG图像的背面是以下图像：

这是一个GIF图像。

他们在他们的 CSS 上使用以下内容，您应该尝试一下！

#ground {
background-image: url(bg-green.gif);
background-repeat: repeat;
background-attachment: fixed;
}

#clouds {
background-image: url(clouds.png);
background-repeat: repeat;
background-attachment: fixed;
padding: 5em 0;
}

那是你要找的吗？