如何在css中设置背景图像的顶部和左侧

Question

我正在看一个有图像的页面。我在css中看到，图像被设置为背景，但图像不在页面顶部。所以我的基本问题是试图理解下面的CSS

#p_background {
    background:url(/Content/images/test.gif) no-repeat center 108px;
}

特别是中心和 108px 代表什么？

Answer 1

这是一个简短形式：

#p_background {
    background-image:url(/Content/images/test.gif);
    background-repeat: no-repeat;
    background-position: center 108px;
}

请参阅http://www.w3schools.com/css/css_background.asp和http://www.w3schools.com/cssref/pr_background-position.asp

Answer 2

您所看到的是“速记”代码，用于指定该div背景的属性。它可以这样表达：

background-image:url('/Content/images/test.gif');
background-repeat:no-repeat;
background-position:108px;