基本上,我得到了旋轉木馬工作,但我只是想圖像轉換,但每個幻燈片上的文本是相同的。理想情況下,文字不會移動,但圖像會在背景中。如何讓引導轉盤上的文本停留,而圖像移動?
0
A
回答
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;
}
相關問題
- 1. 如何使頁腳圖像跳轉到移動鍵盤上
- 2. 如何讓文本停留在Div內?
- 3. 如何停止引導3.0轉盤動畫隊列
- 4. 如何讓圖像的CSS不移動文本?
- 5. 上方的文本圖像引導
- 6. 引導轉盤不工作,而是變成背景圖像
- 7. 如何讓這個圖像響應頁面大小而不移動文本
- 8. 引導轉盤不動
- 9. 停止圖像移動太遠導航
- 10. 如何讓鍵盤移動到下一個文本域
- 11. 文本在圖像引導
- 12. 如何在文本上懸停時「縮放和旋轉圖像」?
- 13. 翻轉兩個不同的圖像並停留在懸停上
- 14. 如何停止圖像滑塊上的動畫文本
- 15. 如何讓圖像隨機移動?
- 16. 如何讓移動設備顯示圖像而不是視頻?
- 17. 引導窗體,而移動
- 18. 如何停止圖像移動兩次?
- 19. UIImageView旋轉而不移動圖像
- 20. CSS轉換製作的圖像上下移動懸停
- 21. 如何將CSS圖像邊框懸停而不移位圖像
- 22. 如何在一個DIV打開時讓文本停止移動?
- 23. 響應式圖像與底部引導文本上的文本
- 24. 字體就當引導轉盤轉動
- 25. 在鼠標懸停上移動圖像
- 26. 停止圖像屏幕上移動
- 27. 如何讓品牌留上崩潰的正確引導中3
- 28. 如何讓我的NAV文字停止移動懸停?
- 29. 如何讓圖像旋轉(動畫)
- 30. 讓文本停留在組中
發表您已經嘗試代碼(太的jsfiddle) –
是你正在尋找文字在圖像上方還是上方/下方? – JBC
在圖像上方,圖像在背景中移動! – dshesh