将标注放在bootstrap轮播上

Question

我希望在此网站http://demo.grandpixels.com/上产生类似效果，其中div .callout分布在轮播上。

我正在尝试在bootstrap中执行此操作。但我的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;
}

希望这有帮助！