La couleur d'arrière-plan n'apparaît pas toujours

Question

J'ai les fichiers CSS suivants pour ma page. Lorsque la page est chargée, la couleur d'arrière-plan ne prend pas toujours effet. Je dois rafraîchir ma page une ou deux fois avant que la couleur fonctionne. Quelqu'un sait pourquoi? L'image d'arrière-plan n'est pas aussi grande que la page entière et c'est un dégradé. Donc, je prends la couleur du pixel inférieur du dégradé et l'utilise comme couleur de la page 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

Essayez:

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; 
} 

(. Vous n'avez pas besoin de préciser 'gauche' si sa répétition)

De plus, si vous utilisez la réinitialisation CSS (ou non), assurez-vous que votre corps utilise 100% de hauteur:

html, body {height: 100%;}