Jquery 在全屏引导旋转木马中浮动白色背景

我想保持白色透明背景色静态，而不是幻灯片。我希望它像箭头一样保持在原来的位置。我只想让文本和背景图像滑动。箭头和透明背景将保持不变。我怎样才能做到这一点

演示：

$（'.carousel'）.carousel({
间隔：5000//改变速度
})

@导入url（'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css');
html，
身体{
身高：100%；
}
旋转木马
.项目，
.主动{
身高：100%；
}
.旋转木马内部{
身高：100%；
}
.旋转木马标题{
填充：15px；
底部：0%；
顶部：自动；
高度：300px；
背景色：rgba（2502502500.8）；
溢出x：隐藏；
溢出y：滚动；
颜色：#000；
}
/*背景图像是使用内联CSS在HTML中设置的，而不是在这里*/
.填充{
宽度：100%；
身高：100%；
背景位置：中心；
-webkit背景尺寸：封面；
-moz背景尺寸：封面；
背景尺寸：封面；
-o-背景尺寸：封面；
}
div{
身高：100%；
}

标题1

这是一个示例文本，是一个小段落。这是一个示例文本，是一个小段落。这是一个示例文本，是一个小段落。这是一个示例文本，是一个小段落。这是一个示例文本，是一个小段落。
这是一个示例文本，是一个小段落。这是一个示例文本，是一个小段落。这是一个示例文本，是一个小段落。这是一个示例文本，是一个小段落。这是另一个示例文本，是
令人惊叹的。这是另一个示例文本，非常棒。这是另一个示例文本，非常棒。这是另一个示例文本，非常棒。这是另一个示例文本，非常棒。这是另一个示例文本，非常棒。这是
另一个示例文本，非常棒。这是另一个示例文本，非常棒。这是另一个示例文本，非常棒。这是另一个示例文本，非常棒。这是另一个示例文本，非常棒。这是另一个示例文本
真是太棒了。这是另一个示例文本，非常棒。这是另一个示例文本，非常棒。这是另一个示例文本，非常棒。这是另一个示例文本，非常棒。这是另一个示例文本，非常棒。这
是另一个示例文本，非常棒。

标题2

这是另一个示例文本，非常棒。这是另一个示例文本，非常棒。这是另一个示例文本，非常棒。这是另一个示例文本，非常棒。这是另一个示例文本，非常棒。这是另一个示例文本和
太棒了。这是另一个示例文本，非常棒。这是另一个示例文本，非常棒。这是另一个示例文本，非常棒。这是另一个示例文本，非常棒。这是另一个示例文本，非常棒。这
是另一个示例文本，非常棒。这是另一个示例文本，非常棒。这是另一个示例文本，非常棒。这是另一个示例文本，非常棒。这是另一个示例文本，非常棒。这是另一个样本
文字和文字是可怕的。这是另一个示例文本，非常棒。

标题3

这是第三段，非常棒。这是第三段，非常棒。这是第三段，非常棒。这是第三段，非常棒。这是第三段
真是太棒了。这是第三段，非常棒。这是第三段，非常棒。

如何在滑动转盘期间保持字幕背景静止 不幸的是，我们不能将具有静态背景的div放在幻灯片之外，并对其应用

z-index

属性。我们无法在标题和幻灯片之间放置此类背景，因为：

每个堆叠上下文完全独立于其同级：处理堆叠时只考虑子元素

但是我们可以把它作为一个单独的元素放在幻灯片中，让它朝相反的方向运行

现在，在这里，你看，你需要尽你所能保持在同一个地方

translate3d

函数的参数公式为：

((100% - left) + 2 x left) / (100% - left)

请检查结果：

$（'.carousel'）.carousel({
间隔：5000//改变速度
})

@导入url（'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css');
html，
身体，
分区，
旋转木马
.传送带内，
.项目，
.主动{
身高：100%；
}
/*背景图像是使用内联CSS在HTML中设置的，而不是在这里*/
.填充{
宽度：100%；
身高：100%；
背景位置：中心；
-webkit背景尺寸：封面；
-moz背景尺寸：封面；
-o-背景尺寸：封面；
背景尺寸：封面；
}
.旋转木马标题，
.静态背景{
底部：0%；
顶部：自动；
高度：300px；
}
.旋转木马标题{
填充：15px；
溢出x：隐藏；
溢出y：滚动；
颜色：#000；
}
.静态背景{
背景色：rgba（2502502500.8）；
位置：固定；
}
/*反方向跑*/
.carousel inner>.item>.static bg{
-webkit tran