关于渐变

关于渐变

为什么天空和地都是同样的设置,但是天空有渐变效果而草地没有呢?

<html>
<head>
    <meta charset="UTF-8">
    <title>6-4作业</title>
    <style type="text/css">
        .sky{
            width:1024px;
            height: 300px;
            background-color: rgb(196,228,253);
            background: -moz-linear-gradient(rgb(196,228,253),rgb(255,255,255));
        }
        .land{
            width:1024px;
            height: 400px;
            background-color: rgb(148,190,89);
            background: -moz-linear-gradient(rgb(148,190,89),rgb(255,255,255));
        }
    </style>
</head>
<body>
<div class="sky"></div>    
<div class="land"></div>    
</body>
</html>



正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
小于飞飞 2017-01-25 17:03:15

两个问题:

  1. 写的是-moz-linear-gradient 兼容firefox,考虑打开的浏览器,兼容所以浏览是要些全,同时写标准写法:linear-gradient

  2. land的渐变应该是linear-gradient(rgb(255,255,255),rgb(148,190,89));

希望对你有帮助,祝学习愉快,欢迎采纳。

  • 提问者 newbie朱古力 #1
    谢谢你的回答。因为我自己用的火狐所以想先写这个再补全其它的浏览器。 land我写的就是linear-gradient(rgb(255,255,255),rgb(148,190,89)); 关键是同样的写天空就能渐变,为什么一样的样式对land就无效,,挠头
    2017-01-25 18:47:46
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
HTML5与CSS3实现动态网页 2018
  • 参与学习       1887    人
  • 提交作业       4643    份
  • 解答问题       5760    个

有HTML和CSS基础,却不知道如何进阶?本路径带你通过系统学习,完成从“会做网页”到“做出好的动态网页”的蜕变,迈出成为前端工程师的第一步。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师