background添加渐变背景和背景图片 bankground-size引起渐变背景偏差

1.渐变背景没问题

.cont{
                background:linear-gradient(180deg, #FFBE23 0%, #FF9733 100%);
    }

2.添加上背景图和background-size出现渐变偏差

.cont{
                background:url(./img.jpg)no-repeat right 92px bottom 40px,linear-gradient(180deg, #FFBE23 0%, #FF9733 100%);

        background-size:200px 208px;
    }

3.background-size设置的是整体背景的长度和宽度,所以出现了渐变背景断层，修改代码如下：

.cont{
        background:url(./img.jpg)no-repeat right 92px bottom 40px/200px 208px,linear-gradient(180deg, #FFBE23 0%, #FF9733 100%);
    }

 总结：对background的各种写法不熟