Problème de dégradé d'arrière-plan

Question

Je vois un double dégradé d'arrière-plan sur cette page dans Google Chrome .... des idées, pourquoi?

http://www.starcraft-source.com/member/login/

je en ai besoin d'être la couleur bleue solide

Answer 1

Vous voulez dire que le gradient de fond supplémentaire qui apparaît sous le pied de page?

html { 
background:-moz-linear-gradient(center bottom , #1A405D 70%, #0A1C2D 92%) repeat scroll 0 0 transparent; 
} 

a besoin d'être

html { 
background:-moz-linear-gradient(center bottom , #1A405D 70%, #0A1C2D 92%) no-repeat scroll 0 0 transparent; 
} 

Vous ne devriez pas répéter ce genre de fond dégradé.

Bien sûr, vous devrez maintenant gérer les espaces en dessous du pied de page, mais c'est un problème différent.

Answer 2

Vous avez mis le dégradé sur l'élément html (ce qui est techniquement faux, mais inhabituel), mais le html ne remplit pas tout le port d'affichage.

Essayez d'ajouter

html { 
    height: 100%; 
} 

Answer 3

Personnellement, il faut éviter l'élément coiffant html. Vous pouvez utiliser le dégradé sur l'image de fond pour libérer de l'arrière-plan pour une couleur. j'utiliser les éléments suivants:

body{ 
background: #1A405D; 
background-image: -webkit-linear-gradient(#0A1C2D,#1A405D); 
background-image:-moz-linear-gradient(center bottom , #1A405D 70%, #0A1C2D 92%); 
background-repeat:no-repeat; 
} 

Cela vous donne le résultat suivant: http://jsfiddle.net/Sapphion/QJwA6/