Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/tfs/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Twitter bootstrap 当“位置”设置为“相对”时,引导转盘箭头移动_Twitter Bootstrap_Position_Carousel - Fatal编程技术网

Twitter bootstrap 当“位置”设置为“相对”时,引导转盘箭头移动

Twitter bootstrap 当“位置”设置为“相对”时,引导转盘箭头移动,twitter-bootstrap,position,carousel,Twitter Bootstrap,Position,Carousel,当.carousel-caption的位置为绝对位置时,我在引导转盘上显示字幕文本时遇到问题。当css为绝对css时,文本向上移动,移动到旋转木马图像上 只有当位置更改为“相对”时,此问题才得以解决。然而,当这种情况发生时,箭头会改变位置,向下移动到页面下方,就像“li”圆形图像一样 我想确保旋转木马标题保持可见,但箭头和圆形旋转木马图标保持在同一位置 以下是我的一些CSS代码: .carousel-inner> .item> img { height:110px; margi

当.carousel-caption的位置为绝对位置时,我在引导转盘上显示字幕文本时遇到问题。当css为绝对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;
  }

由于定位图像,我们需要帮助解决标题的问题。 保持绝对位置

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

谢谢,但是,正如我所说,当位置为绝对位置时,文本会移动到旋转木马图像上,因此不起作用。