帮忙检查一下，还有以后工作中遇到兼容的需不需要写哦？什么样的情况才写？
来源：3-2 编程练习
xiao肥瑞
2020-07-12 11:43:27
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>线性渐变</title>
<style type="text/css">
/*此处写代码*/
div{
position: relative;
top: 30px;
margin: 0 30px;
width: 200px;
height: 200px;
float: left;
}
span{
position:absolute;
top: -30px;
}
.left{
background:linear-gradient(yellow ,red);
}
.middle{
background: linear-gradient(to right,yellow,red);
}
.right{
background: linear-gradient(to right bottom,red,yellow);
}
</style>
</head>
<body>
<!--此处写代码-->
<div class="left"><span>上下方向渐变</span></div>
<div class="middle"><span>左右方向渐变</span></div>
<div class="right"><span>对角方向渐变</span></div>
</html>
1回答
-
同学你好，代码效果正确。另，关于兼容性问题需要结合实际情况去考虑，当你的项目需要兼容低版本浏览器、或者使用的属性兼容性不太好的时候，就需要添加兼容性写法。
如果我的回答帮到了你，欢迎采纳，祝学习愉快~
0
相似问题