不加前缀默认是圆形？加了前缀默认是椭圆？
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>径向渐变</title>
<style type="text/css">
div{
width:200px;height:300px;
float:left;
margin:100px 0 0 100px;
border: 1px solid black;
}
.div1{
background: radial-gradient(60% 40% , red, yellow, green, blue);
/* 不加前缀默认是圆形？ */
}
.div2{
background: -webkit-radial-gradient(60% 40% , red, yellow, green, blue);
/* 加了前缀默认是椭圆？ */
}
.div3{
background: -webkit-radial-gradient(60% 40% ,closest-corner circle, red, yellow, green, blue);
}
.div4{
background: -webkit-radial-gradient(60% 40% ,farthest-corner circle, red, yellow, green, blue);
}
</style>
</head>
<body>
<div class="div1"></div>
<div class="div2"></div>
<div class="div3"></div>
<div class="div4"></div>
</body>
</html>不加前缀默认是圆形？加了前缀默认是椭圆？我用的chrome浏览器，有点乱啊，给说说兼容性问题呗。
0
收起
正在回答
1回答
同学，你好。你要遵循语法格式哦，不能只写带前缀的那一句，你看看老师的代码，不管加不加前缀，前面都一定有个没加前缀的。如果不加可能就会出现异常，这个是无法预测的，所以要先以不加前缀的为准，现在的浏览器兼容性做的越来越好了，以后可能都不用有这些前缀兼容了。
如果帮助到了你，欢迎采纳！
相似问题
其实没什么 只是想确认 看看这个结论正确不？
51
0
5
兼容前缀浏览器版本问题
32
0
10
disabled和readOnly的默认值是什么？
20
0
3
如果$key有前缀，和没有前缀问题？
5
0
4
不同浏览器内核的问题
32
0
6
登录后可查看更多问答，登录/注册
响应式开发与常用框架 2018
- 参与学习 人
- 提交作业 2198 份
- 解答问题 5012 个
如果你有web端基础，既想进阶，又想进军移动端开发，那就来吧，我们专题为你带来的课程有HTML5、CSS3、移动基础、响应式、bootstrap、less等，让你在前端道路上畅通无阻！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星