当位置设置为相对时，引导转盘箭头将移动

Question

当.carousel- caption的位置是绝对的时，我在我的引导转盘上显示标题文本时遇到了问题。当css是绝对的时，文本在我的旋转木马图像上向上移动。

只有当位置更改为相对位置时，才能解决此问题。然而，当发生这种情况时，箭头会改变位置，向下移动到页面下方，'li‘圆形图像也是如此。

我想确保我的旋转木马标题保持可见，但箭头和圆形旋转木马图标保持在相同的位置。

下面是我的一些CSS代码：

   .carousel-inner> .item> img {
height:110px;
margin-left:auto;
margin-right:auto;
}

.carousel-caption{
  max-width:550px;
  padding-top: 70px;
  padding-left:120px;
  position:relative;
}

.carousel-caption p{
  font-size: 25px;
  color:black;
  text-shadow:none;
}

.carousel-indicators{
  bottom:-300px;
  }

Answer 1

由于定位图像，我们需要帮助标题。保持绝对位置。

.carousel-caption {
  z-index: 10;
position : absolute
}