CSS3漸變重復

Question

我正在嘗試實現一個對角線CSS3漸變，從左上角的黑色到右下角的深灰色。

就像是：

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

它不是按照我的意圖顯示，而是在頁面的每一對水平線上反復重復。 我究竟做錯了什么？

Answer 1

身體沒有高度; 你只看到8px頂部/底部邊緣的背景（總是透明的）。

如果你希望你的漸變填充視口，設置的100％的高度上既 <html>和<body>

html, body {
    height: 100%;
}

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