Tabellenzeile Hintergrundbild [Duplizieren]
Ich versuche ein Bild als Hintergrund für die erste Zeile zu haben. Das Problem besteht darin, dass der Hintergrund für jede Zelle getrennt und nicht als Ganzes angewendet wird. Gibt es einen Weg dahin?
Das Ergebnis sollte etwa so aussehen:
BEARBEITEN: Das Problem tritt nur in Safari, Opera und Chrome auf. Habe IE noch nicht überprüft.
2 Antworten
Wenn Sie es in jeder Zeile haben wollen, warum nicht stattdessen den Hintergrund der Tabelle und wiederholen Sie es in der y-Achse?
%Vor%BTW Ich habe Ihren Code mit IE9, FF12 getestet - diese zeigen das Bild einmal pro Zeile. Aber Chrom 15 & amp; Safari 5 wiederholt es für jeden td.
Bearbeiten
Da du es nur in der ersten Zeile haben wolltest, solltest du background-position verwenden, um sicherzustellen, dass das Bild oben in der Tabelle bleibt (normalerweise ist das die erste Zeile, richtig?: P)
%Vor%Ich weiß nichts über Ihre Zellbreiten (sind sie variabel?), aber Tabellenelemente rendern als solche. Um den gewünschten Effekt zu erhalten, müssen sie als etwas anderes angezeigt werden:
%Vor%Sie werden bemerken, dass Sie nun die Breiten für die Elemente td und th festlegen müssen.
Siehe Demo .