3

所以我正在尝试创建一个类似于这个的视差风格网站。然而，虽然他们使用带有“固定”附件的背景图像来实现图像不动的效果，但我想使用 jquery 幻灯片插件。基本上，如果图像包含在滑块中，如何实现图像的“固定”附件和背景位置？目前，幻灯片中的图像只是滚动...

我很高兴提供代码示例，减少沿途所需的任何进一步信息

谢谢！

4

1 回答 1

6

像这样的东西应该可以工作（只是示例代码[使用语义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 中该幻灯片的顶部。

于 2012-02-24T02:41:12.733 回答