为什么背景图像不能在 td 上工作？答案

【问题标题】：Why isn't background-image working on a td?为什么背景图像不能在 td 上工作？
【发布时间】：2011-08-20 03:44:44
【问题描述】：

我想要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 会显示。

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

【问题讨论】：

@emaadali ，是的，并确保我尝试了并且可以看到图像
你的代码有一些obvious errors，闻起来像abusing tables for layout
在 div 中尝试，并为其提供静态高度和宽度。
你应该为这个 td 定义一个新的 css 类。避免内联样式:)

标签： html css html-table

【解决方案1】：

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

【讨论】：

是的，它工作得很好，但是如果我有一个段落
如何在其中进行文本换行，因为当我在其中放入大量单词时，它就超出了单元格，是否有自动换行

【解决方案2】：

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

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

如果解决了，那么您就会知道问题在于，当元素没有尺寸时，不会出现背景。

【讨论】：

是的，它工作得很好，但是如果我有一个段落
如何在其中进行文本换行，因为当我在其中放入大量单词时，它就超出了单元格，是否有自动换行
@AMH - 我不明白你的问题。 PS - 如果您有新问题，您可能应该搜索现有问题，然后发布一个新问题。