CSS Grafik strecken

Ich würde gerne diesen CSS-Code so erweitern, dass die Grafik auf eine Länge von 1000 Pixel gestreckt wird:


Wenn ich nach dem Semikolon einen width-Wert eingebe, dann wird die Grafik erneut daneben angezeigt. Wie kriege ich die Grafik stattdessen gestreckt?

mit "background-size: BREITE HÖHE;"
aber Vorsicht, das ist eine CSS3-Deklaration mit all ihren Tücken hinsichtlich Browser-Support.

Wie gesagt nur in CSS3. Problem an CSS3 ist, es ist aktuell ähnlich wie mit HTML5. Nicht fertig und jeder Browser hat seine eigenen 50% vom vorhandenen CSS3 Code eingebaut.

Bei background-size hast du aber eigentlich keine Probleme. Sollten alle gängigen Browser können.

http://www.css3.info/preview/background-size/

Na ja, aktuell ist der globale Marktanteil des IE8 noch in etwa genau so groß wie der des IE9. Selbst der IE7 hat, je nach Zielgruppe, noch einen beachtlichen Marktanteil durch update-faule XP-Luschen. Gerade im Business-Bereich muss man immer damit rechnen, dass die Leute irgendwelche Steinzeit-Browser verwenden. Da darf man sich nicht einmal über IE6 wundern.