2

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

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

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

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

提前致谢!

4

1 回答 1

6

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

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

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

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

希望这可以帮助!

于 2013-01-19T16:57:48.190 回答