带有空白的CSS速记属性

问题描述:

是否有类似background属性的值为缺口的属性?我尝试了背景。我想动态地设置一些背景值静态和backgorund图像。带有空白的CSS速记属性

我做了以下内容:

background: no-repeat contain center; 

background-image应该动态地后添加。我有什么问题吗?像我用的速记不起作用。我必须使用单个属性(background-repeat, background-size, background-position ...)来实现吗?

问题不在于丢失的背景图像。问题在于背景大小和背景位置值。与其余的朗读不同,这两个值具有非常具体的语法:背景位置后跟/后跟背景大小。请参阅spec

这是它应该是什么样子:

background: no-repeat center/contain; 

你总是可以单独设置背景图像。

一些其他的shorthands确实有强制性的值。例如,font需要字体大小和字体系列。 background没有任何强制性值。

+0

工作就像一个魅力!谢谢!! – Flo

+0

有点偏题:爱写作'背景:0 /封面;'而不是'background-size:cover;'。我一有机会就得到它。而且,在你说出来之前,我知道理论上它比较慢,因为速记vs普通:) –

+1

@Andrei Gheorghiu:只要你不是无意[覆盖](https://*.com/questions/10455465/)为什么可以使用似乎使用背景剪辑/ 10455580#10455580)任何[longhands](https://*.com/questions/15950632/firefox-and-chrome-ignoring-background-size/15951751 #15951751);) – BoltClock