将线性渐变应用于背景

Question

I have been trying to apply linear gradient to the background, but there are stripes that appear in the middle I'm not getting a smooth gradient, how to get a smooth gradient from top to bottom

MY 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);

My Fiddle : https://jsfiddle.net/3njyc0xm/

Answer 1

Yes, I think there is a problem with "your" colors. I have tried your code with other colors, and there is no problem.

I have tried your jsfiddle gradient in Firefox and Edge, and it seems that there is no problem with your colors, so maybe there is a Chrome bug, or something.

Answer 2

In Firefox your example works fine, but I think the "normal" CSS property is needed for some browsers. Just add it with

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

I edited your fiddle here