如何运用Css实现整个网页背景颜色渐变？

本人网页初学者，在用Css实现网页背景颜色渐变过程中用这个background: -webkit-gradient(linear, 0 0, 0 100%, from(#4285fa), to(#366dcb))，发现谷歌浏览器中显示是条纹渐变，如图这样图片说明，改用IE、火狐浏览器代码都是这样，而我想要的是整个网页背景渐变。求助！谢谢

加上一行
min-height:100vh;
应该就可以了

background: -webkit-linear-gradient(red, blue); /* Safari 5.1 - 6.0 /
background: -o-linear-gradient(red, blue); / Opera 11.1 - 12.0 /
background: -moz-linear-gradient(red, blue); / Firefox 3.6 - 15 /
background: linear-gradient(red, blue); / 标准的语法 */

楼上的朋友，谢谢你的回答，但是还是不行额，你看图片说明，你看能不能调试让整个页面颜色渐变，这是我的代码主要部分：



jianbian

<!-- Date: 2016-03-28 -->
<br> body{<br> /*background: -webkit-linear-gradient(red, blue); Safari 5.1 - 6.0 <em>/<br> /*background: -o-linear-gradient(red, blue); Opera 11.1 - 12.0 */<br> /*background: -moz-linear-gradient(red, blue); */ /*Firefox 3.6 - 15</em>/<br> background: linear-gradient(red, blue); /*标准的语法 */ </p> <pre><code> } &lt;/style&gt; </code></pre> <p></head><br> <body><br> &lt;!-- <tr> <br> <td style="font-weight:bold;color:Black;border:1px solid #E5F5FF; <br> filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ffffff', endColorStr='#E5F5FF', gradientType='0');"><br> text</td><br> </tr><br> </table>--&gt;<br> hello word!<br> </body><br> </html></p>

参考这个：

 html{height: 100%;}
        body {
            background-image: linear-gradient(to bottom, #FFF 0, #EAEAEA 100%);
            background-repeat: repeat-x;
            background-size: cover;
            height: 80%;
        }

图片说明