background简写能否缺省background-position?

Question

background: url('/static/home/laba.svg') center/contain no-repeat;

background简写必须带上center/contain, 能否不写center，就使用默认值？

类似

background: url('/static/home/laba.svg') _/contain no-repeat;

Answer 1

不行，一定要写。

<bg-layer> = 
  <bg-image>                      ||
  <bg-position> [ / <bg-size> ]?  ||
  <repeat-style>                  ||
  <attachment>                    ||
  <visual-box>                    ||
  <visual-box>       

可选的 / <bg-size> 是一个整体。

但是如果你想用默认值，可以用 top / contain 这样的方式，虽然也是写了但是效果是和没写一样的。

Answer 2

在 CSS 中，使用 background 简写属性时，如果省略 center 值，它将默认设置为 0% 0%，即将背景图像放置在元素的左上角。不幸的是，你不能使用下划线 _ 作为默认值的占位符。
所以，如果你想使用默认定位，可以简单地省略 center 值：

background: url('/static/home/laba.svg') contain no-repeat;

这将把背景图像放置在默认位置（左上角），并应用 contain 和 no-repeat 值。如果你特别想要居中显示，则需要包括 center：

background: url('/static/home/laba.svg') center/contain no-repeat;