如何让表格适应背景图片的大小？

我需要在图片上放置文字，它与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>

来源

2010-12-11 lisovaccaro

你能发表一些代码吗？默认情况下，表（和其他块级元素）将扩展以适应其内容。所以你可能有一些样式覆盖它。另外，你是使用** img **标签还是背景图片？ – harpo 2010-12-11 03:59:02

是的，我一直在试图建立这样说： <表边框= “0” CELLSPACING = “0” 的cellpadding = “0”> 您的文字这里 – lisovaccaro 2010-12-11 05:02:18

创建Div放在它的img和创建内部的一个其他分区，它的位置top:0; right:0，把你想要什么都把它放在图像的右上角！并脉冲它会自动调整大小。检查this example我做了。

来源

2010-12-11 03:58:32

我想你的代码，但我没有得到的图像上方的文本，我只是得到文字，然后是下面的图像。谢谢。 – lisovaccaro 2010-12-11 04:45:46

我已经更新了示例，现在它应该很好http://jsfiddle.net/g6gJG/7/ - 我曾在CSS中使用过'//'注释：D – 2010-12-11 04:53:13

如何让表格适应背景图片的大小？

回答

相关问题