Css 重叠Div定位

我想有一个横幅上的形象。图像和横幅（横幅片段）都位于同一父元素中，因此黑色横幅将被推到视图之外。我怎样才能解决这个问题

你可以在这里看到我的资料来源：

<div id="slide-banner">
    <img src="http://upload.wikimedia.org/wikipedia/commons/0/0c/GoldenGateBridge-001.jpg"/>
    <div id="slide-banner-snippet">
    </div>
</div>​

---

绝对定位要浮动的元素，即：

position:absolute;
top:0;
z-index:1;

您可以将

#幻灯片横幅

相对定位，将

幻灯片横幅片段

绝对定位，并添加

底部：0

#幻灯片横幅{
利润上限：70像素；
右边距：自动；
左边距：自动；
填充：0px 0px 0px 0px；
高度：350px；
宽度：916px；
边框：1px实心#ccc；
边界半径：3px 3px 3px 3px；
溢出：隐藏；
位置：相对位置；
}
#滑动横幅图像{
高度：自动；
宽度：916px；
}
#幻灯片横幅片段{
高度：55px；
宽度：916px；
背景色：#000；
位置：绝对位置；
底部：0；
}

你可以把

<div id="slide-banner-snippet">
    </div>



以前

<img src="http://upload.wikimedia.org/wikipedia/commons/0/0c/GoldenGateBridge-001.jpg"/>



示例
当你说“跨越”时，你的字面意思是说
横幅
应该叠加在
图像
上吗？