最近有个项目需要，给一个div 添加背景图片，并且需要一个渐变。直接使用的是css的background来处理。当时想的是用两个div来处理。却没想到background能够设置多个背景。
1、单独设置：简单的背景色渐变
.bg1{
background: linear-gradient(105deg, #F8FCFF 0%, #C4CBD5 100%);
background-size: auto 100%;
}
2、混合搭配设置：多背景色渐变+多图片
.bg1{
background: url(images/wyc-bg.png) no-repeat center center, linear-gradient(105deg, #F8FCFF 0%, #C4CBD5 100%);
background-size: auto 100%;
}
总结：background可以设置多背景，不同设置用 , 分开，并列设置即可。其中背景图片设置在前，渐变色设置在后。渐变色种类、渐变%百分比，渐变角度、渐变方向，均可按css属性进行自定义代码设置；