CSS3渐变重复

Question

3

我是一名有帮助的助手，以下是您需要翻译的内容：

我正在尝试实现一个斜对角的CSS3渐变，从左上角的黑色到右下角的深灰色。

类似于：

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

我的意图是让它按照我预期的方式显示，但它却在页面上水平地每几行就重复一次。我做错了什么？

- Blake

2

我们需要相应的选择器和HTML。请参见http://jsfiddle.net/H9AUE/。 - Daniel Moses

无法重现此问题。您能否在一个简单的HTML页面中重现它？ - Daniel Moses

2

检查身体的高度。 - Soheil Ghahremani

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Adrift · Accepted Answer

身体没有高度；你只能看到从上/下8像素的边距（始终是透明的）的背景。如果您希望渐变填充整个视口，请在<html>和<body>上都设置100％的高度。

html, body {
    height: 100%;
}

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