2014-05-21 19 views
0

基本上,我得到了旋轉木馬工作,但我只是想圖像轉換,但每個幻燈片上的文本是相同的。理想情況下,文字不會移動,但圖像會在背景中。如何讓引導轉盤上的文本停留,而圖像移動?

+0

發表您已經嘗試代碼(太的jsfiddle) –

+0

是你正在尋找文字在圖像上方還是上方/下方? – JBC

+0

在圖像上方,圖像在背景中移動! – dshesh

回答

1

在傳送帶物品的外面放置一個<div>,並使用style=''將其放在您想要的傳送帶上的哪個位置。

<div id="carousel" class="carousel slide"> 
    <!-- Wrapper for slides --> 
     <div class="carousel-inner" > 
        <!-- items --> 
     </div> 
</div> 
    <!-- text div --> 
<div id = 'text' style='position:absolute; top:0; right:0;'>Hello, this goes in top right corner of screen over carousel</div> 
+0

如果您將此div放置在carousel內部,但仍位於與「item」div分開的div中,那麼在瀏覽器調整大小時,覆蓋文本將與內容一起移動。 – JBC

2

下面是一個例子:http://www.bootply.com/pINPxqzlJ2

使用的absolute位置,你的carousel前放置一個覆蓋元件...

.overlay { 
    color:#fff; 
    position:absolute; 
    z-index:12; 
    top:50%; 
    left:0; 
    width:100%; 
    text-align:center; 
}