Pokaż obraz tła na td tagu

Question

Próbuję pokazać obraz tła na tagu td. i mam kod

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

przetestować ścieżkę za pomocą znacznika img i dostać skorygować ścieżkę, ale nie wiem, to nie wskazują na obraz tła td tagu.

Dziękuje bardzo

Answer 1

td nie pokaże obraz tła, ponieważ nie ma żadnej treści, a więc nie ma miejsca w td rysować tła. Numer background-size ustawia rozmiar tła, a nie rozmiar pojemnika. Wypróbuj width:250px;height:180px; w stylu wstawianym dla td - powinien pokazać obraz.

Here's a demonstration in jsfiddle. Jeśli usuniesz ustawienia width i height z CSS, nie zobaczysz obrazu.

Answer 2

właściwe rozwiązanie

Przede wszystkim trzeba określić szerokość i wysokość td. Postępuj zgodnie z przykładem, który będzie działał prawidłowo ---

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