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