Chrome > background-size + SVG = fail

09/11/2014 15:44 Mr.Tr33#1
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: [Only registered and activated users can see links. Click Here To Register...]

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
09/11/2014 17:56 cяαzуℓυмι#2
Sorry, zu schnell gepostet.

Zu wenig nachgedacht und danach gecheckt, dass es so nicht geht.
09/11/2014 20:37 Mr.Tr33#3
Quote:
Originally Posted by cяαzуℓυмι View Post
Sorry, zu schnell gepostet.
Wie soll man das jetzt verstehen? :/
09/12/2014 10:28 NotEnoughForYou#4
Eine Frage,

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

HTML Code:
.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;
}
09/12/2014 16:01 Mr.Tr33#5
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 :)