如何讓表格適應背景圖片的大小？

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

如何讓表格適應背景圖片的大小？

回答

相關問題