Background-Image

  • Hallo Leute,


    ich hab bei meiner neuen Site an der ich bastle ein Hintergrund-Bild eingefügt und will dass das insgesamt nur 1x auftaucht... bei Betrachtung über ein mobiles Endgerät wird es jedoch 2x angezeigt...


    hier mein code




    Die entscheidende Stelle ist beim #wrapper


    P.S.:
    Das ist mein komplettes CSS was ich bis jetzt hab...
    wenn verbesserungsvorschläge da sind versuche ich diese Umzusetzen...


    Edit:


    Das Argument "fixed" sah nicht so schön aus wie das Argument "scroll" das hat jedoch kein bisschen geändert an der darstellung

  • CSS
    1. /* syntax */
    2. background: quelle wiederholung verhalten x y / größe (ersatz)farbe;
    3. background: url('bild.png) no-repeat scroll 0 0 / cover rgb(100,100,100);
    CSS
    1. background-size: cover;

    ist das was du brauchst (sorgt dafür das das Bild immer den ganzen Hintergrund überdeckt (ohne zu verzerren).
    Achtung wenn bg 'fixed' und 'cover' als eigenschaften hat, spinnt iOS Safari rum.. (http://beta.caniuse.com/#feat=background-img-opts)