缩略图中的旋转木马标题？

Question

我想在旋转木马标题here中使用图片而不是缩略图中的图片。

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

以下是示例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/

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

Answer 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;}