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 に答える