jquery - cssを使用して画像の下部にテキストを設定する方法

Question

画像ホバーに画像テキストを表示するためにjQuery Caption Pluginを使用しています。alt

テキストを下に表示したいのですが、現在は上に移動しています。直し方。

私が欲しいもの：

JSFiddle:サンプル

Answer 1

ドキュメントを読んだら、このコードをコピーして貼り付けることができます

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

そしてあなたの jsFiddle で：jsFiddle here

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

Answer 2

cssを設定するdiv.capty-caption

CSSのこのセットheightまたはプロパティで役立ちますline-height

のように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---; 

}