CSS shorthand 属性有间隙

Question

CSSshorthand是否像background属性一样处理价值差距？我用背景试了一下。我想设置一些静态的背景值和动态的背景图像。

我做了以下事情：

background: no-repeat contain center;

background-image 应该稍后动态添加。我做错了什么吗？我使用的 shorthand 不起作用。我是否必须使用单个属性 (background-repeat, background-size, background-position ...) 来实现这一点？

Answer 1

问题不在于缺少背景图像。问题出在 background-size 和 background-position 值上。与其他普通字符不同，这两个字符的值具有非常特定的语法：background-position 后跟 / 后跟 background-size。见 spec.

它应该是这样的：

background: no-repeat center / contain;

您始终可以单独设置背景图像。

其他一些缩写确实具有强制值。例如，font 需要字体大小和字体系列。 background 没有任何强制值。