如何使引导轮播上的文字停留,而图像移动? [英] How to make the text on bootstrap carousel stay, while the images move?
本文介绍了如何使引导轮播上的文字停留,而图像移动?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
基本上,我让旋转木马工作,但我只是想让图像过渡,但每张幻灯片上的文本都相同.理想情况下,文本不会移动,但图像会在背景中移动.
Basically, I got the carousel working, but I just want the image to transition but the text to be the same on each slide. Ideally the text wouldn't move, but the images would in the background.
推荐答案
这是一个例子:http://www.bootply.com/pINPxqzlJ2
使用 absolute
位置放置在 carousel
之前的覆盖元素...
Use an absolute
position an overlay element that you place before the carousel
...
.overlay {
color:#fff;
position:absolute;
z-index:12;
top:50%;
left:0;
width:100%;
text-align:center;
}
这篇关于如何使引导轮播上的文字停留,而图像移动?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文