小白经验HTML5中渐变和背景不能同时出现解决方法

小白在html5中会发现渐变和背景不能同时出现，与书上理论不符合，本小白尝试把多种写法后，发现一种写法可以实现此效果，如下

background: url(imag/img2.png),linear-gradient(to top,#d1d1d1 ,#fdfcfc );可以成功但图片和渐变换了位置就不成功以及注释处的这种形式无论谁在前都不成功

 /*background-image: url(imag/img2.png);

background: linear-gradient(to top,#d1d1d1,#fdfcfc);*/目前小白还没发现原因，但小白会努力的。（小白用的是visual code）