2014-09-02 115 views
0

最近我看到了一個關於如何將psd網頁模板轉換爲html模板的教程。在此教程中,我發現,我無法理解的行:CSS背景屬性使用

body { 
    background:#59d3fa url(img/body_bg.jpg) repeat-x 0 0; 
} 

在這一段代碼,我不知道這兩個零0 0在該行的末尾代表什麼。我不能問這個教程的作者,因爲這是一個非常古老的教程,並且評論被關閉。我無法在任何地方在互聯網上找到這樣的問題,所以我引用了w3schools網站的背景資產,但無法確定最終的零代表什麼。請告訴我這些是什麼意思。

如果你認爲這是一個愚蠢的問題,那麼請不要埋怨我,因爲雖然我不完全新的CSS,我缺乏實踐。

+2

閱讀,你更聰明:https://developer.mozilla.org/en-US/docs/Web/CSS/background – aldanux 2014-09-02 14:29:57

回答

2

這些0值表示的位置從左邊和從頂部,分別的文件。把它看作background屬性的position: absolute; meta-equivalent。

便捷地,CSS簡寫的Mozilla Developer Network article使用background屬性作爲示例。您可以使用JSFiddle example輕鬆測試此操作。

請注意,對於非零值,您不能擁有裸數字。也就是說,您必須包含%,pxemrem

+1

當我將'0 0'改爲'2 2'而不是移動背景稍微完全消失。爲什麼發生這種情況? – 2014-09-02 14:33:50

+0

@TanayKarnik在CSS中,通常只有「0」的值可以作爲裸數存在。有一些例外,比如'line-height'屬性,但是你需要在這裏使用'2px'而不是'2'(假設你的意思是像素,而不是em或rem)。 – TylerH 2014-09-02 14:35:46

+0

你需要添加%或px來定位。 – Goombah 2014-09-02 14:36:10