twitter-bootstrap - 在引导轮播上放置标注

Question

我想要这个网站http://demo.grandpixels.com/上的效果，其中 div .callout 在轮播上分层。

我正在尝试在引导程序中执行此操作。但我的 div 总是在旋转木马下。我尝试设置标注的 z-index 但这似乎不起作用。

.callouts {
    display: block;
margin-top: -150px;
z-index: 999999999999999;
}

您可以在http://jsfiddle.net/5ejse/查看基础知识

提前致谢！

Answer 1

你们都拥有它。您唯一缺少的是，要使 z-index 起作用，它必须应用于位置已明确设置为绝对、固定或相对的 div。

看看这个：http: //jsfiddle.net/panchroma/eyccd/

代码和你开始的完全一样，我只是调整了这个 CSS：

.callouts {
position:relative;  /* <======= added this */
display:block;
margin-top: -150px;
z-index: 999999999999999;
}

希望这可以帮助！