Hintergrund Farbverlauf Ausgabe

Question

Ich sehe einen doppelten Hintergrund Farbverlauf auf dieser Seite in Google Chrome .... irgendwelche Ideen warum?

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

Ich brauche es die feste blaue Farbe

Answer 1

Sie meinen die zusätzlichen Hintergrundgradienten zu sein, die unter der Fußzeile angezeigt wird?

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

Needs

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

Sie nicht diese Art von Gradienten Hintergrund wiederholen sein sollte.

Natürlich müssen Sie jetzt mit Leerzeichen unter der Fußzeile umgehen, aber das ist ein anderes Problem.

Answer 2

Sie haben den Gradienten auf das html Element gesetzt (BTW ist technisch nicht falsch, aber ungewöhnlich), aber die html füllt nicht den gesamten View-Port.

Try

html { 
    height: 100%; 
} 

Answer 3

persönlich hinzufügen, würde ich das Styling der html-Element vermeiden. Sie können den Farbverlauf auf dem Hintergrundbild verwenden, um den Hintergrund für eine Farbe freizugeben. würde ich folgendes verwenden:

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

Dies würde Ihnen ein Ergebnis wie folgt: http://jsfiddle.net/Sapphion/QJwA6/