Question

基本上，我让旋转木马工作，但我只想让图像过渡，但每张幻灯片上的文字都是相同的。理想情况下，文本不会移动，但图像会在后台移动。

Answer 1

以下是一个示例：http://www.bootply.com/pINPxqzlJ2

使用absolute位置放置在carousel ...

之前的叠加元素

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

Answer 2

在转盘项目之外放置<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>

当图像移动时，如何使引导转盘上的文本停留？

2 个答案: