css - CSS3 グラデーションの繰り返し

Question

左上隅の黒から右下隅の濃い灰色になる斜めの CSS3 グラデーションを実装しようとしています。

何かのようなもの：

body {
     background: -webkit-linear-gradient(left top, black, darkgray 80%, gray);
}

意図したとおりに表示されるのではなく、ページの数行ごとに水平方向に何度も繰り返されます。私は何を間違っていますか？

score 6 · Accepted Answer

体には高さがありません。上下の余白の 8 ピクセル (常に透明) からの背景のみが表示されます。

グラデーションでビューポートを塗りつぶしたい場合は、両方 <html>の高さを 100% に設定します。<body>

html, body {
    height: 100%;
}

body {
    background: linear-gradient(orange, red, yellow);
    margin: 0;
}

1 に答える 1