2011-08-19 54 views
2

我想要一個td的背景。這是我的代碼:爲什麼背景圖像不能在td上工作?

<table border="0" cellpadding="0" cellspacing="0" align="center"> 
    <tr colspan="2"> 
<td> 
    <img src="Images/1.png" width="567" height="108" />   
</td> 
    </tr> 
    <tr colspan="2" > 
<td style="background-image:url(Images/2.png); background-repeat:no-repeat;"> 



      </td> 
    </tr> 
</table> 

問題是沒有圖像顯示在第二行。

如果我使用:

<img src="Images/2.png" width="567" height="108" /> 

然後將圖像2.png不顯示。

爲什麼我的第一張圖片不出現?

+0

圖像路徑是否正確? –

+0

@emaadali,是的,爲了確保我嘗試了並可以看到圖像 – AMH

+2

你的代碼有一些[明顯的錯誤](http://validator.w3.org/),並且你的氣味是[濫用表格的佈局]( http://www.hotdesign.com/seybold/) – Quentin

回答

3

細胞沒有內容,所以它沒有身高,沒有其他細胞的行中給它一個高度,所以沒有空間來顯示背景圖像。

+0

是的,它工作得很好,但如果我有一個pragraph

如何做文本換行,因爲當我把大量的文字它是在單元格外,是否有自動換行 – AMH

2

嘗試把一些內容爲td。例如:

<td style="background-image:url(Images/2.png); background-repeat:no-repeat;"> 
    <p>Hi, I am some content.</p> 
</td> 

如果解決了,那麼您將知道問題是當元素沒有尺寸時沒有背景出現。

+0

是的,它工作得很好,但如果我有一個程序

如何做文本換行,因爲當我把大量的單詞放在它中,它是超出了細胞,是否有自動換行 – AMH

+0

@AMH - 我不明白你的問題。 PS - 如果你有新的問題,你應該搜索現有的問題,也許可以發佈一個新的問題。 – KatieK