將標註放置在引導程序傳送帶

Question

我希望得到類似於此網站上的效果http://demo.grandpixels.com/其中divs .callout分層顯示在傳送帶上。

我試圖在bootstrap中做到這一點。但我的divs總是在旋轉木馬之下。我試過設置標註的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; 
} 

希望這有助於！