如何解决线性渐变中的背景色条？ [复制]答案

【问题标题】：How to solve background color strips in linear-gradient? [duplicate]如何解决线性渐变中的背景色条？ [复制]
【发布时间】：2018-01-23 11:23:37
【问题描述】：

我不想要图案，而是简单的线性渐变。

但是，通过使用以下代码，我得到了背景图案条。

body {
  background: linear-gradient( to top, #ffffff, #e6e6e6);
}

结帐：Screenshot

【问题讨论】：

添加正确的代码，如果可能的话，添加工作的 sn-p
想要的效果是什么？
现在渐变不断停止并重新开始，他想要一个平滑的渐变
@L_Church 谢谢，认为这是重复的
是的，正确的...@L_Church

标签： html css linear-gradients

【解决方案1】：

你没有任何内容也没有高度，这就是条纹的原因。添加高度或内容，就可以了。

html, body {
  height: 100%;
}
body {
  background: linear-gradient( to top, #ffffff, #e6e6e6);
}

【讨论】：

嘿，两个答案相同。拿这个对我来说更好看
...或参考重复的问题。
这个被骗的问题基本上是我的，但这用更少的

【解决方案2】：

body {
  background: linear-gradient( to top, #ffffff, #e6e6e6);
  height: 100%;
  margin: 0;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

从链接的问题中，这会阻止背景重复并将图形的高度设置为 100%，因此它不仅仅是一条线

【讨论】：

谢谢，@L_Church