html - 如何使用 bootstrap 2.0 将一个图像叠加到另一个图像上？

Question

我想使用 bootstrap 2.0 获取文本和图像覆盖。我快疯了。我怎么才能得到它？感谢帮助。

例子

HTML

           <div class="row">
                <img id='bgtittle' src='img/header.jpg' />
                <div class="span8">
                    <img id='iphone' src='img/iphone.png' />
                </div>
                <div class="span4">
                    <h4>EVERMIC APP</h4>
                    <p>Aplicacion oficial para mostrar nuestros trabajos</p>
                    <p>
                        <a class="btn btn-primary btn-large">
                            Contacta con nosotros
                        </a>
                    </p>
                </div>
            </div>

CSS

 #bgtittle{
         position: relative;
         z-index: 1;
 }
 #iphone{
         position: relative;
         z-index: 2;
 }

Answer 1

唯一的方法是将位置类型更改为绝对。但是你还有其他问题，比如滚动。例如：

#bgtittle{
     position: absolute;
     top:0;
     left:0;
     z-index: 1;
}