показать фоновое изображение на td тег

Question

Я пытаюсь показать фоновое изображение на теге td. и у меня есть код

<td style="background-image:url(../uploadimages/18-2-2013-23-33-01-Lighthouse.jpg);background-repeat:no-repeat;background-size:250px 180px;"></td> 

<img src="../uploadimages/18-2-2013-23-33-01-Lighthouse.jpg" /> 

Я проверить путь с помощью тега IMG и получить исправить путь, но я не знаю, что это не показывают в фоновом изображении на теге тд.

ThankYou очень

Answer 1

td не будет отображаться фоновое изображение, потому что он не получил никакого содержания, следовательно, нет места в td рисовать фон. background-size устанавливает размер фона, а не размер контейнера. Попробуйте width:250px;height:180px; в встроенном стиле для td - он должен показать изображение.

Here's a demonstration in jsfiddle. Если вы удалите настройки width и height из CSS, вы не увидите изображение.

Answer 2

Правильное решение

Прежде всего, вы должны указать ширину и высоту тд. Следуйте примеру, который будет работать должным образом.

<td style="background-image:url(../uploadimages/18-2-2013-23-33-01-Lighthouse.jpg);background-repeat:no-repeat;background-size:250px 180px; width: 250px; height: 180px;"></td>