缩略图中的旋转木马 Headers ？-Java 学习之路

我想在旋转木马 Headers here上使用图片上的字幕，但是在缩略图中的图像上 .

我已经尝试在缩略图中使用类“carousel-caption”复制插入div来测试它 . 我已经改变了样式，使得位置不是绝对的，边距是负的，所以它覆盖了图像，但 Headers 丢失了它的背景 .

这是css的示例

.carousel-caption {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.75);
margin-top: -30px;
padding: 10px 15px 5px;

}

以下是我所做的一个例子http://jsfiddle.net/vXMMA/73/

如何让图片覆盖图像，就像它在旋转木马中一样？

1 回答

据我了解，你想要http://jsfiddle.net/vXMMA/162/ . 像这样写：

legend {
    position:absolute;
    left:0;
    right:0;
    bottom:5px;
    text-align:center;
    background:rgba(0, 0, 0, 0.75);

}

.media-grid a {position:relative;}

回复于 2024-04-19T09:10:00+08:00

缩略图中的旋转木马 Headers ？

1 回答

相关问题