因此,我的背景图片比普通的浏览器高且宽。
我希望能够拥有它,以便它根据屏幕大小按比例滚动。由于它比正常的更长,我还希望它随着用户向下滚动页面直到用户到达底部而逐渐向下滚动。

简单来说,我认为
假设边高为1000px,我的图像为1500,我希望顶部开始一个页面并调整其大小以适合用户的屏幕,但是底部500我希望以一半的速度滚动因此当用户向下滚动时,它会缓慢滚动直到到达底部。

稍后我会找到一个更简单的网站,这个概念很难用文字和Google来表达。
如果有人理解,请帮助!

我需要使用CSS或其他东西

最佳答案

2发布前应该做的事情。


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


据我在您提供的网站上看到的,他们使用的是一个简单的图像,即400px x 400px,另一幅图像是53px x 54px,并且重复了两种方式(高度和宽度)。

这是背景图片:

html - 如何使用CSS流畅滚动背景图像-LMLPHP
(来源:geek.nz

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

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


这是一个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;
}


那是您要找的东西吗?

关于html - 如何使用CSS流畅滚动背景图像,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/16093638/

10-12 12:28
查看更多