css背景图片加入背景线性渐变效果

想分享下这个问题，因为折磨了我不短的时间，试过直接写内联样式<style:"backgroud:url(./img/xxx),background: linear-gradient(#4b1bd6, #350584)"   也是过background加image和color 都没有出来想要的效果，不过现在OK了，如下

html body {

background: linear-gradient(#4b1bd6, #350584);

}

#xxx{

background: url(../img/infoPage/bg_1.png);

}

这样就可以了