css - 缩略图中的轮播标题？

Question

我想在此处的轮播标题中的图像上使用标题，但在缩略图中的图像上。

我尝试使用“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;}