0

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

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

如何让标题像在轮播中一样覆盖图像?

4

1 回答 1

3

据我了解,这就是您想要的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;}
于 2012-06-14T10:08:14.700 回答