如何使引导轮播上的文字停留，而图像移动? [英] 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屋！