设置background属性提示Invalid property value且背景图片不显示如何解决

• 语法结构错误：linear-gradient() 是渐变函数，内部仅允许传入渐变的色值参数，你将背景图片的url()路径写在了渐变函数的括号内，不符合CSS background属性的多背景层语法规则。
• 色值写法错误：第一个半透明颜色使用了rgb()声明，但传入了4个参数（含透明度通道值），rgb()仅支持三个颜色通道参数，带透明度的颜色需要使用rgba()声明。
  以上两个问题共同导致浏览器无法识别该属性值，抛出无效属性值报错。

你需要将图片路径移出渐变函数的括号，渐变和图片作为两个独立的背景层用逗号分隔，同时修正色值声明：

background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('images/test.jpg');

修正后代码的效果和你预期一致：半透明黑色渐变遮罩层在上方，背景图片在下层，两层叠加实现带暗色遮罩的背景图效果。

内容的提问来源于stack exchange，提问作者Avinash gupta