Problème avec la couleur d'arrière-plan et Google Chrome

Question

Parfois, je reçois un cassé arrière-plan dans le navigateur Chrome. Je n'ai pas cette erreur avec n'importe quel autre navigateur.

C'est le CSS simple ligne responsable de la couleur de fond du corps:

body 
{
   background: black;
   color: white;
   font-family: Chaparral Pro, lucida grande, verdana, sans-serif;
}

C'est exactement ce que je reçois ce problème. Je clique sur un lien inclus dans un Gmail e-mail et je reçois:

J'ai actualiser la page et le fond est de couleur complète.

Comment résoudre ce problème?

Answer 1

Jamais entendu parler de lui. Essayez:

html, body
{
    width: 100%;
    height: 100%;
    background-color: #000;
    color: #fff;
    font-family: ...;
}

Answer 2

J'ai eu le même problème sur un couple de sites et fixée par le déplacement de l'arrière-plan de style de corps de html (qui je suppose est une variante de la body {} pour html, body{} technique déjà mentionné, mais montre que vous pouvez faire avec le style sur le code html uniquement), par exemple

body {
   background-color:#000000;
   background-image:url('images/bg.png');
   background-repeat:repeat-x;
   font-family:Arial,Helvetica,sans-serif;
   font-size:85%;
   color:#cccccc;

}

devient

html {
   background-color:#000000;
   background-image:url('images/bg.png');
   background-repeat:repeat-x;
}
body {
   font-family:Arial,Helvetica,sans-serif;
   font-size:85%;
   color:#cccccc;
}

Cela a fonctionné dans IE6-8, Chrome 4-5, Safari 4, Opera 10 et Firefox 3.x il n'y pas d'effets secondaires désagréables.

Answer 3

HTML et la hauteur du corps 100% ne fonctionne pas dans les anciennes versions IE.

[PROBLÈME RÉSOLU!! DÉCOUVREZ CI-DESSOUS!]

Vous devez déplacer les backgroundproperties de l'élément de corps de l'élément html. Qui va le corriger crossbrowser ;)