微信小程序 background多个background背景图叠加以及连写注意事项

background: url('https://xxxxxxxx.com') no-repeat top/100% auto,linear-gradient(318deg, #3F0000 0%, #A9143A 100%);

效果：

坑点：

1：多个背景图叠加时（渐变也相当于图片）以逗号分割，越靠前图片叠加时层级越高。网上搜索时发现找到的都是说越靠后层级越高，但我测试的时候确实是越靠前越高。

2：连写时多个属性以空格间隔。但图片的位置（background-position）与图片大小（background-size）不能以空格间隔，需要 top/100% auto（background-size在background-position后面，以/分割）。