td 태그에 배경 이미지 표시

Question

태그 td에 배경 이미지를 표시하려고합니다. 나는 내가 img 태그를 사용하여 경로를 테스트하고이 경로를 수정 얻을하지만 난 그게 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" /> 

있습니다.

감사합니다 아주 많이

Answer 1

td는 따라서 배경을 그릴 td에는 공간이 없다, 어떤 내용을 가지고하지 않았기 때문에 배경 이미지를 표시하지 않습니다. background-size은 컨테이너의 크기가 아닌의 배경 크기 인 을 설정합니다. td의 인라인 스타일로 width:250px;height:180px;을 시도해보십시오. 이미지가 표시되어야합니다.

Here's a demonstration in jsfiddle. CSS에서 width 및 height 설정을 제거하면 이미지가 표시되지 않습니다.

Answer 2

적절한 솔루션 모두의

첫째, 당신은 TD의 폭과 높이를 지정해야합니다. 제대로 작동하는 예제를 따르십시오 ---

<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>