问CSS3梯度重复
EN

Stack Overflow用户

提问于 2013-08-05 18:29:49

回答 1查看 151关注 0票数 3

我正在尝试实现从左上角的黑色到右下角的深灰色的对角线CSS3梯度。

类似于：

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

它不是像我想的那样显示出来的，它只是水平地重复着页面上的每一行。我做错了什么？

回答已采纳

发布于 2013-08-05 18:34:37

身体没有高度；您只看到从顶部/底部边缘的8px (始终是透明的)的背景。

如果希望渐变填充视图，请在和 <html> & <body>上设置100%的高度。

html, body {
    height: 100%;
}

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

http://jsfiddle.net/JUtuJ/1/

票数 6

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/18065178

复制

相似问题

问CSS3梯度重复EN