旋轉木馬標題在縮略圖圖像？

我想要在旋轉木馬標題here中使用字幕而不是縮略圖中的圖像。旋轉木馬標題在縮略圖圖像？

我曾嘗試在類別「旋轉木馬標題」的縮略圖中插入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/

爲例在旋轉木馬？

來源

2012-06-14 startupsmith

根據我的理解，你需要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-14 10:08:14 sandeep

嘿，謝謝你的回答。對不起，jsfiddle是錯誤的。我已經更新了正確的jsfiddle，並在這裏修復了http://jsfiddle.net/Yb22t/。我遇到的唯一問題是標題超出了右側的圖像......任何想法爲什麼？ – startupsmith

給顯示：塊到你的錨標記檢查http://jsfiddle.net/Yb22t/1/ – sandeep

@sandeep http://jsfiddle.net/vXMMA/162/，「162」你應該得到一個+1 – baptme

旋轉木馬標題在縮略圖圖像？

回答

相關問題