当位置设置为相对时，Bootstrap轮播箭头移动

Question

当卡通标题的位置是绝对的时，我一直无法在我的引导旋转木马上显示标题文本。当css是绝对的时，文本会在我的轮播图像上向上移动。

此问题仅在将职位更改为相对时解决。但是，当发生这种情况时，箭头会改变位置，向下移动到页面下方，“＆＃39; li＆＃39;圆形图像。

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

以下是我的一些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
}