2011-08-19 44 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