2017-12-18 47 views
1

是否有類似background屬性的值爲缺口的屬性?我嘗試了背景。我想動態地設置一些背景值靜態和backgorund圖像。帶有空白的CSS速記屬性

我做了以下內容:

background: no-repeat contain center; 

background-image應該動態地後添加。我有什麼問題嗎?像我用的速記不起作用。我必須使用單個屬性(background-repeat, background-size, background-position ...)來實現嗎?

回答

4

問題不在於丟失的背景圖像。問題在於背景大小和背景位置值。與其餘的朗讀不同,這兩個值具有非常具體的語法:背景位置後跟/後跟背景大小。請參閱spec

這是它應該是什麼樣子:

background: no-repeat center/contain; 

你總是可以單獨設置背景圖像。

一些其他的shorthands確實有強制性的值。例如,font需要字體大小和字體系列。 background沒有任何強制性值。

+0

工作就像一個魅力!謝謝!! – Flo

+0

有點偏題:愛寫作'背景:0 /封面;'而不是'background-size:cover;'。我一有機會就得到它。而且,在你說出來之前,我知道理論上它比較慢,因爲速記vs普通:) –

+1

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