为什么透明度和颜色顺序不能换？
前两行写的跟老师一样，后两行只是把渐变和颜色的顺序换了一下，出来就是一片空白，这是为什么？代码如下：
background: linear-gradient(45deg,red 25%,transparent 25%),
background: linear-gradient(-45deg,red 25%,transparent 25%),
background: linear-gradient(45deg,red 75%,transparent 75%),
background: linear-gradient(-45deg,red 75%,transparent 75%);
谢谢
75
收起
正在回答
2回答
（1）background: linear-gradient(45deg,red 25%,transparent 25%)设置了0到25%是红色，25%之后都是透明的；
（2）background: linear-gradient(45deg,red 75%,transparent 75%),表示0到75%是红色，75%之后是透明；
（3）background: linear-gradient(45deg,transparent 75%,red 75%),表示0到75%是透明，75%之后是红色；
第一条背景把第二条背景盖住了，所以只显示第一条的25%的红色；
第三条能和第一条搭配起来，第一条背景盖住的是的三条背景的透明部分；
HTML5与CSS3实现动态网页 2018
- 参与学习 1887 人
- 提交作业 4643 份
- 解答问题 5760 个
有HTML和CSS基础，却不知道如何进阶？本路径带你通过系统学习，完成从“会做网页”到“做出好的动态网页”的蜕变，迈出成为前端工程师的第一步。
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星