Как вы можете установить верхнюю и левую часть фонового изображения в 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

То, что вы видите, это «сокращенный» код, определяющий свойства фона этого элемента.Это можно выразить так:

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