如何使表格调整为背景图像的大小？

Question

我需要将文字放在图像的顶部，它与Facebook中的个人资料图片完全相同，您可以在其中看到照片，并在图像顶部的右上方显示更改图片。

我创建了一个表并将文本放在右上角，但问题是并非所有图像都具有相同的高度，并且表在结束之前会切割一些。我不知道如何让桌子不要将我的图像切成两半，而是只要图像需要就可以了。

E.G：这段代码只给我一行我的图片：

<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并将您想要的内容放在图像的右上角！和脉冲它会自动调整大小。检查我已经this example。