In voller Größe Hintergrundbild Crossbrowser CSS

Ich habe versucht, verwenden Sie eine vollständige Bild als hintergrund, ich habe bereits alle diese Methoden:

http://css-tricks.com/perfect-full-page-background-image/

...und Sie machen Ihre Arbeit, aber in manchen Auflösungen das Bild wird abgeschnitten. Hat jemand kommen mit einem sauberen crossbrowser-Lösung für eine Vollständige Hintergrund-Bild, das nicht mit Jquery?

Dank

Konnte Sie geben Sie Ihre genauen Anforderungen? Wenn das Bild sollte nie geschnitten, wie könnte es auch behalten das Seitenverhältnis korrekt? Oder Leerzeichen erlaubt?
was meinst du mit "cross-browser"? Wie weit zurück Sie benötigen, um Unterstützung in Bezug auf die alten browser-Versionen?
Ich habe die CSS3-tag, so dachte ich, war klar... 😐
Möglich dup: stackoverflow.com/questions/7715766/...
Es passiert meistens auf einem mobilen Gerät-Browsern und einigen laptops so gut... ich möchte zu halten das Verhältnis aber meine größte Sorge ist, dass das Bild immer geschnitten, um den Rand des Bildschirms, so dass, wenn Sie einen Bildlauf durchführen, sehen Sie weiß... ich bin mir nicht sicher, ob richtig erklären...

InformationsquelleAutor met.lord | 2013-01-30

  1. 6

    Live-demo

    body{
  background: url(bg.jpg) fixed 50% / cover;
}

    denken Sie Daran, html, body{ height:100%; } wenn nötig; für nicht-body Elemente, die Sie entfernen können fixed.

    Danke, ich werde das ausprobieren...Was ich meinte, ist, wenn Sie sehen, eine website mit einem Vollbild-hintergrund, und Blättern Sie (weil Sie auf einem mobilen oder kleine Auflösung Gerät) Sie sollte nicht sehen, weiß... ich möchte das Bild unter 100% Größe nicht von der Bildschirm-Größe, aber der Inhalt... Macht das Sinn?
    background-size:cover ist nicht cross-browser.
    in ein paar Jahren wird es sein 😉

    InformationsquelleAutor Roko C. Buljan

Schreibe einen Kommentar