如何在圖像底部使用CSS設置文本

我正在使用jQuery Caption Plugin顯示圖像alt圖像懸停上的文本。如何在圖像底部使用CSS設置文本

現在我想顯示文本底部，但目前將頂部。怎麼修。

我想要什麼：

enter image description here

的jsfiddle：Sample

來源

2013-10-23 Rajnikanth

你嘗試HTML5'figure'標籤 – UDB

你的生活如果你不使用'alt'文本來做到這一點，那麼會更容易。 – mavrosxristoforos

修改插件代碼：

h.html('<div style="position:absolute;top:210px;">'+j.attr("alt")+'</div>');

檢查這裏的工作演示：http://jsfiddle.net/F3rCK/

來源

2013-10-23 10:18:36

嘿Joke_Sense10：我想在整個圖像中顯示不透明度。 – Rajnikanth

@Rajnikanth檢查我更新的代碼.. :) –

嗨Joke_Sense10當我把這段代碼放到我的實時代碼中時，我看不到文本。任何想法？ – Rajnikanth

集CSS中div.capty-caption

在此

設置height或line-height財產在CSS它會很有幫助

像JQUERY.CAPTY.CSS

div.capty-caption { 
    background-color: #000; 
    color: #FFF; 
    font: bold 11px verdana; 
    padding-left: 10px; 
    padding-top: 7px; 
    text-shadow: 1px 1px 0 #222; 
    line-height:---SET HERE---; 

}

來源

2013-10-23 10:14:33

如果你讀了文檔，您可以複製粘貼這個代碼

$('#content').capty({ 
    height: 46, 
    opacity: .6 
});

而在你的jsfiddle：

$(function() { 
    $('.default').capty({ 
     height: 46, // Here you init the height of your caption 
     opacity: .6 
    }); 
});

來源

2013-10-23 10:17:03

謝謝，但我想在整個圖像中顯示不透明度。 – Rajnikanth

雅我檢查文件，但當我懸停時，文字上升。文字必須顯示在底部位置。 – Rajnikanth

你想要所有圖像中的黑色矩形，但底部的文字？ –

入住這http://jsfiddle.net/UP5xk/4/

我已經減少了height:50檢查搗鼓劇本我評論有

來源

2013-10-23 10:30:36

@Rajnikanth did you這個呢？ –

如何在圖像底部使用CSS設置文本

回答

相關問題