mostra l'immagine di sfondo sul tag td

Question

Sto cercando di mostrare l'immagine di sfondo sul tag td. e Ho codice

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

verifico il percorso utilizzando tag img e ottenere correggere il percorso, ma non so non è mostrare l'immagine di sfondo tag td in.

grazie molto

Answer 1

Il td non mostrerà un'immagine di sfondo, perché non ha alcun contenuto, quindi non c'è spazio nella td per disegnare lo sfondo. Il background-size imposta la dimensione dello dello sfondo, non le dimensioni del contenitore. Prova width:250px;height:180px; nello stile in linea per lo td - dovrebbe mostrare l'immagine.

Here's a demonstration in jsfiddle. Se rimuovi le impostazioni width e height dal CSS, non vedrai l'immagine.

Answer 2

soluzione adeguata

Prima di tutto, è necessario specificare la larghezza e l'altezza del TD. Segui l'esempio che funzionerà correttamente ---

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