2010-04-08 4 views
6

Ich habe Hintergrundbild für einen Website-Header mit fester Breite. Jetzt versuche ich es in ein Stretch-Layout umzuwandeln.CSS: Ist es möglich, nur einen festgelegten Teil eines Bildes als Hintergrundfüller zu verwenden?

Ist es möglich (in CSS2), 1px breiten Bereich von der Mitte des Header-Bildes zu nehmen und einen Füllstoff daraus zu machen? Ansonsten müsste ich den 1px großen Teil eines Bildes manuell schneiden, als separates Bild speichern und mit repeat-x verwenden.

+0

nur neugierig. Warum kannst du das Pixel nicht schneiden? Senden Sie ein vollständiges Bild an den Client, nur um 1px zu verwenden? –

+0

Nicht sicher, was Sie fragen, aber alles, was ich versuche zu tun ist, zusätzliche Arbeit zu vermeiden :) – serg

+0

Es * ist * möglich, aber Sie würden es nicht tun wollen: p Sie können den Bereich horizontal mit 1px breiten divs füllen mit dem Hintergrundbild, das auf das Bild mit der rechten Hintergrundposition eingestellt ist. * Enten * –

Antwort

3

Mit CSS nur können Sie dies nicht tun. Ihre vorgeschlagene Lösung ist diejenige, die ich verwenden würde.

2

Nr. CSS 2 hat keine solche Fähigkeit.

1

Nicht in CSS2, aber in CSS3 könnten Sie mit der border-image Eigenschaft.

Browser-Unterstützung ist noch nicht da. Nur die neuesten Versionen haben es und noch nicht IE.