html - 在 div 中叠加图像？

Question

这很难解释，所以我整理了这个 JSFiddle。我希望黑色 div 穿过蓝色框，以便黑色 div 位于水平蓝线下方。所以我想要 <div class="title">Testing</div>覆盖 <div class="middleFifth">

http://jsfiddle.net/Zhxt9/

提前TIA，对于错误的解释深表歉意!

Answer 1

您可以相对定位黑色div并设置z-index，使其位于蓝色div的后面(也必须在蓝色div上指定z-index)。

.title{
    width:100%; float:left; 
    background-color:black;
    position: relative;
    top: -50px;
    z-index: 0;
}

Updated Fiddle