当位置设置为相对时，引导轮播箭头移动答案

【问题标题】：Bootstrap carousel arrows move when position set to relative当位置设置为相对时，引导轮播箭头移动
【发布时间】：2015-05-12 08:30:10
【问题描述】：

当 .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;
  }

【问题讨论】：

标签： twitter-bootstrap position carousel

【解决方案1】：

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

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

【讨论】：

谢谢，但是，正如我所说，当位置是绝对位置时，文本会在轮播图像上移动，因此不起作用。