我有兴趣模仿这里看到的背景效果:(Link)。基本上它是一个在顶部滚动内容的静态背景,但是页面上的每个“窗口”部分都有不同的背景。见下文:
进一步向下滚动:
我最初的想法是只有一个巨大的静态背景,每个“窗口图像”垂直堆叠在一起,然后在顶部有透明背景的 div,但这似乎是错误的。
我怎样才能重现这种效果?
一般来说:
fixed
CSS 定位(如上所述)z-index
你的后台容器opacity
为0
您将需要试验背景图像和前景容器的宽度以使事情正确。祝你好运!
您如何在您尝试复制的主题森林中购买优质产品。网络上有许多视差滚动教程将引导您完成此操作。
可以使用fixed
css定位来获得顶栏的效果。然后对于页面的其余部分,我将使用某种封装,该封装使用css 定位div
向下移动顶部栏的高度。relative
然后,对于您的不同页面部分,只有 div 一个接一个地堆叠,并且具有不同的背景。