将标注放在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;
}

希望这可以帮助!