背景のグラデーションの問題

Question

Google Chromeのこのページで背景グラデーションが二重に表示されています....

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

は、私はそれが固体青色

Answer 1

あなたはフッターの下に表示され、追加の背景グラデーションを意味する必要がありますか？

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

あなたはグラデーション背景のこの種を繰り返すべきではありません

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

する必要があります。

もちろん、フッターの下の空白を処理する必要がありますが、それは別の問題です。

Answer 2

html要素（これは技術的に間違っていませんが、珍しい）にグラデーションを入れましたが、htmlはビューポート全体を満たしません。

個人的に

html { 
    height: 100%; 
} 

Answer 3

を追加

てみてください、私はhtml要素をスタイリング避けると思います。グラデーションを背景画像で使用して、背景色を解放することができます。 私は次のように使用したい：

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

次のようにこれはあなたに結果を与えるだろう： http://jsfiddle.net/Sapphion/QJwA6/