2 qq 34166707 qq_34166707 于 2016.03.28 10:14 提问

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

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

3个回答

runing22
runing22   2016.03.28 10:44

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); /
标准的语法 */

runing22
runing22 你要设置一下那高度,height:800px
一年多之前 回复
qq_34166707
qq_34166707 还是不行额,还是条纹状
一年多之前 回复
qq_34166707
qq_34166707 还是不行额,还是条纹状
一年多之前 回复
qq_34166707
qq_34166707 还是不行额,还是条纹状
一年多之前 回复
qq_34166707
qq_34166707 谢谢,我试试
一年多之前 回复
qq_34166707
qq_34166707   2016.03.28 12:27

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



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>
qq_19558705
qq_19558705   Ds   Rxr 2016.03.28 15:40

参考这个:

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

图片说明

qq_19558705
qq_19558705 回复qq_34166707: 不客气
一年多之前 回复
qq_34166707
qq_34166707 谢谢这种方法很好
一年多之前 回复
qq_34166707
qq_34166707 谢谢,我试试
一年多之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!