colore di sfondo non mostra sempre

Question

Ho il seguente CSS creato per la mia pagina. Quando la pagina carica il colore di sfondo non sempre ha effetto. Devo aggiornare la mia pagina una o due volte prima che i lavori a colori. Qualcuno sa perché? L'immagine di sfondo non è alto come l'intera pagina ed è una sfumatura. Così sto prendendo il colore dei pixel inferiore del gradiente e usando come il colore della pagina bg.

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #000000;
    margin: 0px;
    padding: 0px;
    background-color: #001833;
    background-image: url(images/page_bg.jpg);
    background-repeat: repeat-x;
    background-position: left top;
}

Answer 1

Prova:

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #000;
    margin: 0;
    padding: 0;
    background: #001833 url(images/page_bg.jpg) repeat-x top;
}

(Non è necessario specificare 'left' se ripetere.)

Inoltre, se si sta utilizzando Reset CSS (o non), assicurarsi che il corpo utilizza altezza 100%:

html, body {height: 100%;}