背景图像与背景答案

【问题标题】：Background-image vs background背景图像与背景
【发布时间】：2022-07-21 15:52:36
【问题描述】：

我面临一个奇怪的问题，它可能有一个我完全看不到的简单解决方案。

我想将背景：更改为背景图像：但如果我这样做，它似乎不会显示图像。下面的代码不显示图像

#background {
background-image: transparent url('src/assets/images/splash.jpg') 0% 0% no-repeat padding-box;
background-size: contain;
 opacity: 1;

}

同时下面的文字显示图像。

#background {
background: transparent url('src/assets/images/splash.jpg') 0% 0% no-repeat padding-box;
background-size: contain;
opacity: 1;

我在这里错过了什么......？

我想将其更改为背景图像，以便简单地向背景添加渐变色调

【问题讨论】：

【解决方案1】：

background 是一种速记属性，它采用多个值，因此您可以一次性设置（在您的示例中）background-color、background-image、background-position、background-repeat 和 background-origin .

background-image 属性只允许您设置背景图像（它确实采用多个值，但它们都是在堆栈中呈现的背景图像）。

【讨论】：