Mein Körper Hintergrundfarbe verschwindet beim scrollen

Ich hoffe mir kann jemand helfen. Ich habe eingestellt, dass mein Körper height-Eigenschaft auf 100%, was in Ordnung ist, wenn sich der gesamte Inhalt auf dem Bildschirm gleichzeitig. Allerdings, wenn ich scrollen zu müssen (beim minimieren des Fensters) die Körper-Farbe verschwindet, so dass nur die Farbe, die ich für die HTML-hintergrund.
Weiß jemand eine Lösung?

html {
background-color: #07ade0;          
}

body {
background-color: #7968ae;
width: 900px;
margin-left: auto;
margin-right: auto; 
font: 20px verdana, "sans serif", tahoma;
}
Bitte geben Sie einige markup und das css in Frage. Nach Ihrer Kommentare, es scheint, Sie erleben ein overflow-problem. Also Ohne zu wissen, wie Ihre Seite ist angelegt, es ist nicht wirklich ein Weg, um Ihnen zu helfen. Vielleicht haben Sie etwas gefloatet oder absolut positioniert Inhalt?
Sie haben eine Seite, die wir betrachten könnte? Sollte Recht einfach zu diagnostizieren, von dort aus.

InformationsquelleAutor KAY DEE EMM | 2013-02-19

  1. 13

    Wenn Ihr Körper ist festgelegt height: 100%, dann wird es 100% von dem Fenster, das ist nicht ideal, da der hintergrund auf längeren Seiten abgeschnitten, wie du schon erwähnt hast. Nehmen Sie die height-Eigenschaft, und Sie sollten eingestellt werden.

    Können Sie auch festlegen height: 100% auf beiden html, body und dann erstellen Sie einen container innerhalb Ihrer body. Dann bewegen Sie Ihre html Stile zu body, und Ihre body Stile, um den neuen container.

    Dies ist bevorzugt, da es nicht allgemein als best practice um eine pixel-Breite auf Ihre body element.

    HTML

    <body>
  <div id="container">Your well-endowed content goes here.</div>
</body>

    CSS

    html, body {
  height: 100%;
}
body {
  background: #07ade0;
}
#container {
  background: #7968ae;
  width: 900px;
  margin-left: auto;
  margin-right: auto;   
  font: 20px verdana, "sans serif", tahoma;
  overflow: hidden;
}

    Sehen DEMO.

    Wenn ich das mache, dass der hintergrund die Farbe ganz verschwindet, so dass nur der HTML-Farbe. Hier ist mein code, wenn das Fehler anzeigt: html { background: #07ade0; } body { background: #7968ae; width: 900px; margin-left: auto; margin-right: auto; font: 20px verdana, sans serif, tahoma; }
    Anstelle der Anwendung background zu Ihrem html element, ich würde vorschlagen, Sie erstellen einen Behälter innerhalb von body, und dann bewegen Sie Ihre html Stile zu body, und Ihre body Stile, um den neuen container. Dann fügen Sie height: 100% sowohl html und body. Siehe hier: jsfiddle.net/zaknotzak/TVdxK/1
    Noch scheint nicht zu funktionieren. ich bin jetzt mit einem container, aber was ich bekommen hab jetzt die [html] background Farbe überschreiben der [Körper -] Farbe
    Es sollte keine background auf die html element. Es sollte nur ein hintergrund auf Ihrem body - und container-Elemente.
    sorry, dass ist das, was ich meinte, ich bin mit Leib und container. Könnte es ein Problem sein, wo ich verwendet habe, Float-und Position-Eigenschaften in meine divs?

    InformationsquelleAutor zakangelle

  2. 3

    Versuchen height zu min-height auf Ihrem Körper element. Dadurch wird das body-element auf 100% ist der Inhalt ist zu kurz, um füllen Sie die ganze Sache, und wachsen, wenn der Inhalt größer ist als der browser.

    Dies hat nicht funktioniert. Nur machte mein Körper ganz verschwinden. Hier ist mein live-Test Seite: kay-dee-emm.com/Test
    Vielen Dank für mich gearbeitet!

    InformationsquelleAutor Shauna

Schreibe einen Kommentar