CSS - 动态大小Div - 全宽响应背景

Question

我有一个完整的页面DIV，其中有一个幻灯片部分（类似于Facebook应用程序），如下面的截图中部分构建的页面所示 -

我需要将一个背景图像应用到主列，该主列延伸到全宽并在页面滚动时保持原位 - 按照标​​准静态定位的封面图像 - 但我还需要它随容器一起移动部分中的幻灯片被激活，这违反了staic images属性 - 并让我头疼 - 任何人都有任何想法？

干杯

更新 这基本上就是我正在为网站工作的模板 - 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