老师帮我检查一下

来源：3-7 编程练习

Victor19950925

2019-05-08 23:15:37

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>线性渐变</title>
    <style type="text/css">
        div{
            width:400px;height:400px;border:1px solid red;
            /*补充代码，给div元素设置背景渐变*/
            background:-webkit-linear-gradient(90deg,rgba(255,0,0,0) 20% , rgba(255,0,0,1) 50% ,rgba(0,255,0,0.7) 90%);
            background:   -moz-linear-gradient(90deg,rgba(255,0,0,0) 20% , rgba(255,0,0,1) 50% ,rgba(0,255,0,0.7) 90%);
            background:     -o-linear-gradient(90deg,rgba(255,0,0,0) 20% , rgba(255,0,0,1) 50% ,rgba(0,255,0,0.7) 90%);
            background:        linear-gradient(90deg,rgba(255,0,0,0) 20% , rgba(255,0,0,1) 50% ,rgba(0,255,0,0.7) 90%);

        }              
    </style>      
</head>
<body>
    <div></div>       
</body>
</html>

为什么我用谷歌浏览器打开页面，同时只写这一条的时候-webkit-linear-gradient，渐变是从上到下的？，不是说webkit是兼容谷歌的吗，这是是因为失效了？

写回答

1回答