qq_34166707
2016-03-28 02:14
采纳率: 0%
浏览 2.3k

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

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

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

4条回答 默认 最新

  • runing22 2016-03-28 02: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); /
    标准的语法 */

    点赞 评论
  • qq_34166707 2016-03-28 04: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>
    点赞 评论
  • ITDragon龙 2016-03-28 07:40

    参考这个:

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

    图片说明

    点赞 评论
  • 一周岁yy 2021-07-21 11:24

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

    点赞 评论

相关推荐 更多相似问题