Chrome > background-size + SVG = fail

[Mr.Tr33]

Moin,
mir ist aufgefallen, dass Google Chrome nicht so gut mit SVG Dateien klar kommt.

Folgendes Problem:
Ich habe eine SVG als Hintergrundbild. Diese strecke ich mit JS so lang, dass es halt zum Hintergrund passt (habe keine andere Möglichkeit gefunden). Leider lässt es sich nicht besonders weit Strecken

Um euch jetzt hier nicht mit Codeschnipseln und lässtigen Bildern vollzumüllen habe ich eben ein Beispiel hochgeladen:

Einfach mal mit Google Chrome draufgehen, F12 drücken und versuchen ein background-size von z.B. "906px 1500px !important;" zu machen. Es funktioniert einfach nicht

Weiß jemand vielleicht eine Lösung? Selbst mit dem IE gehts!

MfG,
Mr.Tr33

[cяαzуℓυмι]

Sorry, zu schnell gepostet.

Zu wenig nachgedacht und danach gecheckt, dass es so nicht geht.

[Mr.Tr33]

Originally Posted by cяαzуℓυмι

Sorry, zu schnell gepostet.

Wie soll man das jetzt verstehen? :/

[NotEnoughForYou]

Eine Frage,

wieso mit Javascript? Und nicht einfach CSS background-size:cover?

.mitte {
    background: url("./mitte.svg") scroll 0 0 / 906px auto rgba(0, 0, 0, 0);
    display: block;
    margin-left: -3.5px;
    margin-top: -11px;
    min-height: 575px;
    padding-left: 50px;
    padding-right: 56px;
    position: relative;
    width: 800px;
    background-size:cover;
}

[Mr.Tr33]

Ich möchte natürlich das komplette Bild sehen und nicht nur 80% davon
Und mit eigenen Größen kann ich halt die Länge und Breite selbst bestimmen. So kann ich ständig die selbe Breite haben aber mit der Länge rumspielen