overalap div over image - bootstrap

Question

我试图在图像上重叠一个div，这个图像本质上也应该是响应的。

像这样的东西。

  

在移动视图中，div应该叠加。

以下是我一直在尝试的内容 - DEMO

Answer 1

有很多方法。最好的解决方案可能是定义背景图像。但负利润也有效。

<强> CSS

.overlay
{
    margin-top: -50px;  
}

<强> HTML

<div class="container">
<div><img class="img-responsive" src="http://img02.deviantart.net/0b78/i/2006/269/f/a/black_cats_by_black_cats.jpg"></div>

<div class="overlay">Some Text</div>