我已经看了这个页面一段时间了.太棒了,真的.但我不知道滚动上发生的背景图像效果是如何起作用的.已经通过代码发现他们正在使用Jquery加上一些滚动插件,但没有关于我能看到的图像.
你怎么说它已经完成了?
网站:http://herohousing.org/UBBT/
这个技巧非常简单,只需要一些CSS,每个面板都有一个固定的背景图像:
ABC
在这里,我使用相同的背景图像,但不同的背景颜色和图像重复应该向您显示它是三个不同的元素.
编辑 好吧,似乎有些人怀疑我在写什么.事实上,引用的网站使用jQuery.但只是为了使图像适合浏览器视口的宽度和高度,因为您还无法调整背景图像的大小.CSS 3指定了一个background-size
属性,但它的支持仍然是专有的,使用供应商特定的前缀,如-khtml-
(Konqueror),-moz-
(基于Gecko的浏览器,如Firefox),-o-
(Opera)和-webkit-
(基于WebKit的浏览器,如Safari).
如果你可以弃用它,你可以使用我向你展示的CSS技术.