将背景属性重构为一行使图像消失

Question

我正在尝试为背景属性清理我的 CSS。当我单独列出每个属性时，一切都按预期进行。但是，当我尝试将其重构为一行时，图像消失了。我相信它与背景大小属性有关，但我无法在重构解决方案中弄清楚。任何帮助将不胜感激！

工作代码

.bg {
  content: "";
  height: 100vh;
  background-image: url("../../assets/mountain.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  opacity: 0.9;
}

已尝试重构

.bg {
  content: "";
  height: 100vh;
  background: url("../../assets/mountain.jpg") center cover no-repeat;
  position: relative;
  opacity: 0.9;
}

Answer 1

这应该有效：

background: url("../../assets/mountain.jpg") no-repeat center / cover;

background-size 前面需要有一个“/”字符（我认为它需要放在最后）。

将背景属性重构为一行使图像消失

Refactoring background properties into one line makes image disappear

css

background-image

background-size