CSS背景属性使用

CSS背景属性使用

问题描述:

最近我看到了一个关于如何将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

这些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