CSS-动态尺寸Div-全宽响应背景

Question

我有一个整页的DIV，其中有一个幻灯片部分（类似于Facebook App），如下面的屏幕快照中的部分构建页面所示-

我需要在主列上应用背景图像，该图像会拉伸到全宽并在页面滚动时保持在原位（根据标准静态定位的封面图像），但是当幻灯片滑入时，我还需要它与容器一起移动部分被激活，这与静态图像的属性不符-让我头疼±-任何人有任何想法吗？

干杯

更新这基本上是我正在为网站工作的模板-http://jsbin.com/AviNUxA/2/edit 。 因此，我需要将背景图像应用于主面板-它将保持静态位置-但还需要在窗口向右滑动时移动。.http://jsbin.com/AviNUxA/2/edit

Answer 1

尝试这个..

找到这个

<div class="col-xs-12 col-sm-8">

在...之后插入此字符，并使用提供的css ...

<div id="background">
        <img src="yourimageurl.jpg" class="stretch">
      </div>

的CSS

#background{
z-index:-90;
position:absolute;
}
.stretch{
width:100%;
height:100%;}

您可以根据需要拉伸图像。

希望这是您想要的。

像这样的东西http://jsbin.com/EbEZOZIl/1/edit