Question

Je le CSS suivant mis en place pour ma page. Lorsque la page charge la couleur d'arrière-plan ne prend pas toujours effet. Je dois rafraîchir ma page une ou deux fois avant que les travaux de couleur. Quelqu'un sait pourquoi? L'arrière-plan-image est pas aussi grand que la page entière et il est un gradient. Donc, je prends la couleur du pixel en bas du gradient et en utilisant que la page couleur 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;
}
Était-ce utile?

La solution

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.)

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

html, body {height: 100%;}
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top