テーブルをその背景イメージのサイズに合わせるにはどうしたらいいですか？

Question

テキストを画像の上に置く必要があります。Facebookのプロフィール写真とまったく同じです。写真を見ると、画像の右上にある画像が変わります。

テーブルを作成して右上にテキストを配置しましたが、すべての画像の高さが同じではなく、テーブルが終了する前に一部が切れるという問題がありました。私はイメージを半分にカットしないようにテーブルを作る方法を知らず、代わりにイメージが必要とする限り長くします。

EG：

<table border="0" cellspacing="0" cellpadding="0"> 
<tr> 
<td width="300px" valign="top" style="background-image: url(http://www.chusmix.com/Imagenes/grupos/lujan.jpg);">Your text here</td> 
</tr> 
</table> 

Answer 1

はDivがそれにimgを入れて、他のその内側のdivと位置、それはtop:0; right:0を作成し、あなたがしたい、これまで何を入れて作成します。このコードは、私だけ私のイメージの1行を取得しますイメージの右上にそれを持ってください！自動的にサイズを変更します。私が作ったthis exampleをチェックしてください。