뒤틀기의 오버레이 콘텐츠

Question

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/)의 시나리오를 복제하려고했지만 그 모두에 이미지를 표시되지 않습니다.

Answer 1

.imgs div의 치수를 백 스트레칭에 사용했을 가능성이 가장 높습니다. 해당 컨테이너에 대해 원하는 width 및 height 속성을 설정하십시오.

데모 : .imgs의 사업부가 있었기 때문에http://jsfiddle.net/err1fkcd/3/