css背景图片+渐变写法

基本属性

background-color 指定要使用的背景颜色
background-position 指定背景图像的位置
background-size 指定背景图片的大小
background-repeat 指定如何重复背景图像
background-origin 指定背景图像的定位区域
background-clip 指定背景图像的绘画区域
background-attachment 设置背景图像是否固定或者随着页面的其余部分滚动
background-image 指定要使用的一个或多个背景图像

合用语法

background:bg-color bg-image position/bg-size bg-repeat bg-origin bg-clip bg-attachment initial|inherit;

特殊例子： background碰到渐变和背景颜色同时存在的时候需要特别注意：渐变属性需要写在图片链接后面，不然事不会生效的

下面这个例子是在微信小程序中使用的例子，filter.getImageFromServer是wxs 中的一个方法，获取图片链接的。

style="background: url({{filter.getImageFromServer('index/live_bg.png')}}) right top/368rpx 222rpx no-repeat,linear-gradient(180deg, #FF4B33 0%, #FFFFFF 100%);"