所以我有一个比普通浏览器更高更宽的背景图像。我希望能够拥有它,以便它按比例滚动到屏幕的大小。由于它比正常时间长,我还希望它在用户向下滚动页面时逐渐向下滚动,直到用户到达底部。
简单地说,我认为让我们假设边高是 1000 像素,我的图像是 1500,我希望顶部开始页面并调整大小以适合用户的屏幕,但是底部 500 我想要以一半的速度滚动,以便用户向下滚动时慢慢滚动直到到达底部。
稍后我会找到一个更简单的网站,这个概念很难用语言和谷歌来表达。如果有人明白,请帮忙!
我需要使用 css 什么的
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;
}
那是你要找的吗?