Html 对背景应用线性渐变 我一直尝试在背景中应用线性梯度，但是在中间出现条纹，我没有得到平滑的梯度，如何从上到下得到平滑的梯度

我的CSS

-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background: #DADADA;
background-repeat: no-repeat;
background: -webkit-linear-gradient(white, #DADADA);
background: -moz-linear-gradient(white, #DADADA);
background: -ms-linear-gradient(white, #DADADA);
background: -o-linear-gradient(white, #DADADA);

---

我的小提琴：

是的，我认为“你的”颜色有问题。我用其他颜色试过你的代码，没有问题

---

我已经在Firefox和Edge中尝试了你的JSFIDLE渐变，看起来你的颜色没有问题，所以可能是Chrome错误或其他什么。

在Firefox中，你的示例运行良好，但我认为一些浏览器需要“正常”CSS属性。加上

background: linear-gradient(white, #DADADA);

---

我编辑了你的小提琴

是的，我认为“你的”颜色有问题。我用其他颜色试过你的代码，没有问题。所以，也许这是一种视错觉。效果很好，只是你的颜色差异不是很重要。。。但它是有效的。你可以在一个小容器中查看：实际上，有条纹它太小了@实际上，有条纹它太小了@Alexist可以为我使用所有浏览器。好的，我很好奇，因为这是一个有趣的问题。实际上Gehnet是正确的，他在下面回答，它在firefox中工作，但在chrome中会引起问题我曾尝试上下移动我的笔记本电脑屏幕，我观察到只有在特定视图中，chrome中的渐变才会出现问题。也许Chrome无法完美地处理渐变，而对于某些特定的颜色和特定的屏幕视图，会出现这种渐变问题。我已经尝试了你的JSFIDLE，但问题仍然存在于我的Chrome中。是的，浏览器错误。@KicsiViziló