兼容的前缀写在background也行吗?

来源:3-7 编程练习

unbreakable_全栈

2020-06-11 13:02:01

<!DOCTYPE html>

<html>


<head>

   <meta charset="UTF-8">

   <title>线性渐变</title>

   <style type="text/css">

      div {

         width: 400px;

         height: 400px;

         border: 1px solid red;

         /*补充代码,给div元素设置背景渐变*/

         -webkit-background: linear-gradient(left, rgba(255, 0, 0, 0) 20%, white 20%, red 50%, rgba(0, 255, 0, 0.7) 90%);

         -moz-background: linear-gradient(right, rgba(255, 0, 0, 0) 20%, white 20%, red 50%, rgba(0, 255, 0, 0.7) 90%);

         -o-background: linear-gradient(right, rgba(255, 0, 0, 0) 20%, white 20%, red 50%, rgba(0, 255, 0, 0.7) 90%);

         background: linear-gradient(to right, rgba(255, 0, 0, 0) 20%, white 20%, red 50%, rgba(0, 255, 0, 0.7) 90%);

      }

   </style>

</head>


<body>

   <div></div>

</body>


</html>


写回答

2回答

好帮手慕粉

2020-06-11

同学你好,很抱歉上个问答的老师回答的不严谨,现在已经做出了更改,同学可以去看下。感谢同学的监督和指正,老师以后在回答问题的时候会更加谨慎哦,给同学点赞!

祝学习愉快~

0

好帮手慕粉

2020-06-11

同学你好,不行的,要写在后面,同学的能正常显示是因为最后一个起了作用。修改参考:

http://img.mukewang.com/climg/5ee1d662095d447006540197.jpg

如果我的回答帮助了你,欢迎采纳。祝学习愉快~

0
hnbreakable_全栈
h 上个问题,是老师没有检查出来吗?我都采纳意见啦,才看出来,所以特意再问一次
h020-06-11
共1条回复

0 学习 · 40143 问题

查看课程