css - 高さ 100% に設定された背景が繰り返される

Question

次のCSSコードがあります。

body{
    height: 100%;
    min-height: 100%;
    max-height: 100%;
    background-color: #1468b3;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2F2727), to(#1468b3));
    background-image: -webkit-linear-gradient(top, #2F2727, #1468b3);
    background-image:    -moz-linear-gradient(top, #2F2727, #1468b3);
    background-image:     -ms-linear-gradient(top, #2F2727, #1468b3);
    background-image:      -o-linear-gradient(top, #2F2727, #1468b3);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2F2727", endColorstr="#1468b3");
}

ページのコンテンツに関係なく、ブラウザー ウィンドウの上から下に伸びる素敵なグラデーションが必要です。このスクリーンショットは問題を示しています。

なぜこれが起こっているのかよくわかりません。

追加する

no-repeat;

グラデーションをキャンセルし、代わりに背景をソリッドにします#1468b3

Answer 1

追加してみるhtml { height: 100%; }