Почему фоновое изображение не работает на ТД?

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>

Если это разрешится, то вы поймете, что проблема в том, что фон не появляется, когда элемент не имеет размеров.