Bewegen Sie Körper, hintergrund Bild

Ich bin mit diesem CSS-setzen Sie ein Bild in die <body>:

body {
  background: url('picture.png') no-repeat; 
  background-size: contain;
}

Bild angezeigt wird am oberen Rand des browser-Fenster, aber ich muss auf diesem Bild ein paar Pixel von oben.

Ich habe versucht, mit padding/margin-top: 20px;, aber es wollte mir nicht helfen, das Bild ist immer noch an der Spitze des browser-Fensters.

Wie kann ich das hintergrund Bild für die body tag ein paar Pixel nach unten von der Spitze?

Hinweis: brauche ich, um das Bild in den body-tag.

InformationsquelleAutor user984621 | 2013-01-01
  1. 5

    Müssen Sie background-position statt.

    body {
  background: url('picture.png') no-repeat; 
  background-position: 0 20px;
  background-size: contain;
}
    • So schnelle und einfache Lösung, danke BoltClock.
    InformationsquelleAutor BoltClock
  2. 1

    Können Sie css background-position-Eigenschaft,

    Beispiel

    body {
  background: url('picture.png') no-repeat; 
  background-position: 0px 50px; /* This makes the image appear 50px from top */
  background-size: contain;
}
    InformationsquelleAutor Sandeep Raju Prabhakar
Schreibe einen Kommentar