不使用背景附件的视差效果：固定

Question

因此，我正在尝试创建一个与this one.非常相似的视差风格网站。但是，他们使用的背景图片是“固定的”。附件为图像不移动的效果，我想使用jquery幻灯片插件。基本上，我怎样才能实现“修复”。我的图像的附件和背景位置是否包含在滑块中？目前，幻灯片中的图像只是滚动浏览...

我很乐意提供代码示例，以便在此过程中删除所需的任何进一步信息

谢谢！

Answer 1

这样的东西应该有用（只是示例代码[使用语义ID]）：

<div id="SlideShowContainer">Slide Show Generates into this div</div>
<div id="AllOtherContentWrapper">All other content goes here</div>

然后将css设置为：

#SlideShowContainer {
   position: fixed;
   z-index: 0;
   top: 0; right: 0; bottom: 0; left: 0;
}

#AllOtherContentWrapper {
   position: relative; /* this could be absolute depending on application*/
   z-index: 1;
}

这应该使幻灯片放映的容器等于当前屏幕大小，并将其固定到位（基本上像固定背景一样）。然后，该网站的其余部分将位于另一个div中的幻灯片放映之上。