Hintergrundbild auf td-Tag anzeigen

Question

Ich versuche, das Hintergrundbild auf Tag td zu zeigen. und ich habe Code

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

Ich teste den Pfad durch die img-Tag verwenden und es bekommt den Pfad korrigieren, aber ich weiß nicht, es nicht im Hintergrundbild zeigt, ist auf td-Tag.

danke sehr viel

Answer 1

Die td wird kein Hintergrundbild angezeigt werden, da er auf den Inhalt nicht hat, daher gibt es keinen Platz im td den Hintergrund zu zeichnen. Die background-size setzt die Größe des Hintergrunds, nicht die Größe des Containers. Versuchen Sie width:250px;height:180px; im Inline-Stil für die td - es sollte das Bild anzeigen.

Here's a demonstration in jsfiddle. Wenn Sie die Einstellungen width und height aus dem CSS entfernen, wird das Bild nicht angezeigt.

Answer 2

Proper Lösung

Zunächst einmal müssen Sie die Breite und Höhe des td angeben. Befolgen Sie das Beispiel, das ordnungsgemäß funktioniert ---

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