关于那个 background-image 有有点不懂，求解！

background-image: linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480), linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480); 有老大解读下这句吗？

丨Sunny

2017-03-21

源自：十天精通CSS3 9-10

关注问题我要回答

2028

操作

收起

4 回答

_凉心丶_ 回答被采纳 +3 积分
2017-04-07

background-image: linear-gradient背景颜色的线性渐变。。。从哪个方向开始渐变，渐变的起点，渐变的终点，各个渐变所要渐变的大小。

0 回复有任何疑惑可以回复我~

收起回答

慕仔4109264
2017-12-22

个人理解是从左下角到右上角方向的一个线性渐变，0-25%，75%-100%的位置都是#478480颜色，其余位置是透明，然后设置一个合适的大小和背景色，加上background-image默认是重复铺满的，所以形成了背景效果。个人不理解的是background-position：0 0，30px 30px；什么意思。

0 回复有任何疑惑可以回复我~

收起回答

三层楼
2017-08-18

linear-gradient表示线性渐变，45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480
依次表示渐变角度，渐变颜色，渐变透明度，渐变透明度，渐变颜色，最终颜色

1 回复有任何疑惑可以回复我~

收起回答

menglin
2017-03-26

背景图片变换

0 回复有任何疑惑可以回复我~

收起回答

丨Sunny 提问者

能详细解读下老哥

2017-03-27 回复有任何疑惑可以回复我~

心晴0623 回复丨Sunny 提问者

就是你联系上面的看是有设置背景色的，颜色比较淡，这里是设置背景图片。背景图片覆盖背景色。然后这个linear-gradient是个设置过渡背景的样式。设置一个5px*5px的方块以上述方式过渡填充，然后以这个方块作为背景图片，默认no-repeat填充背景。还有我认为她linear写重复了一遍，我将后面那句删掉也是正常的。

2017-03-28 回复有任何疑惑可以回复我~

0/150

提交

取消

十天精通CSS3

参与学习 242633 人
解答问题 2623 个

本课程为CSS3入门教程，深刻详解CSS3知识让网页穿上绚丽装备

进入课程

本课相似问答

1 回答关于本节中的 background-image，可有真大神详细解释一下？

3 回答background-origin 有什么用，和background-position 相比有哪些优点、缺点？？？

4 回答请会的人帮我解释一下这句background-image

5 回答50%这个地方，不懂，求指点一下

6 回答请问怎么理解：background-image: -ms-radial-gradient(farthest-side ellipse at center, rgba(246,241,232,.85)

搜索更多本课相关问答

关于那个 background-image 有有点不懂，求解！

我要回答关注问题

热搜

最近搜索清空

关于那个 background-image 有有点不懂， 求解！

4 回答

本课相似问答

关于那个 background-image 有有点不懂， 求解！

关于那个 background-image 有有点不懂，求解！

关于那个 background-image 有有点不懂，求解！