Question

我想要一个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。

为什么我的第一张图片没出现？

Answer 1

单元格没有内容，因此它没有高度，并且行中没有其他单元格给它一个高度，因此没有空间显示背景图像。

Answer 2

尝试在td内添加一些内容。例如：

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

如果结算，那么您就会知道问题是当元素没有尺寸时不会出现背景。

为什么背景图像不能在td上运行？

2 个答案: