colorbox - cboxTitle を画像の下に配置し、垂直方向には上に揃えるにはどうすればよいですか?

Question

私は自分の仕事のベースとしてこの例を使用しています:

http://www.katehendrickson.com/colorbox/example2/index.html

以下のリンクでは、CSS で cboxTitle の位置を下部に切り替えることができました。これは、上部のコントロールと競合し、コンテンツが 3 行に強制されたときに見栄えがよくなかったためです。ただし、テキストが 1 行または 2 行のみの場合、その上にギャップが生じます。

http://www.katehendrickson.com/collection/bacci/2.shtml

垂直方向に整列させるにはどうすればよいですか?ただし、画像の下に必要な数の行を配置できますか?

本当にありがとう。

• ポール・マイクロフト

Answer 1

最も簡単な方法は、次の行をこれから変更することです。

#cboxTitle{position:absolute; bottom:-75px; left:0; color:#000; text-align: left;}

これに：

#cboxTitle{position:absolute; top:100%; left:0; color:#000; text-align: left;}