javascript - 在 backstretch 上叠加内容

Question

我想在 JQuery Backstretch 图像上添加一个带有一些标题的 div。代码如下:

<div class="col-md-4 col-xs-12">
    <div class="imgs">
    </div>
</div>

这里内部的 div 用于后拉伸(stretch)。如果我在外部 div 之前添加任何内容，(如下所示)拉伸(stretch)不起作用。

<div class="col-md-4 col-xs-12">
    <div class='row'>some text</div>
    <div class='row'>
        <div class="imgs">
        </div 
    </div>
</div>

我试图在 jsfiddle ( http://jsfiddle.net/krishnasarma/err1fkcd/ ) 中复制场景，但它根本没有显示图像。

Answer 1

您很可能没有为用于后伸的 .imgs div 指定尺寸。为该容器设置所需的 width 和 height 属性。

演示: http://jsfiddle.net/err1fkcd/3/