在backstretch上叠加内容

时间:2015-01-16 10:37:26

标签: javascript jquery css jquery-backstretch

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

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

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

<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/)中复制场景,但它根本没有显示图像。

1 个答案:

答案 0 :(得分:2)

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

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