позиционирование фона с использованием repeat-y

Question

У меня есть фоновое изображение, которое является просто оберткой для основного содержимого моей страницы.

Я установил это изображение как фоновое изображение:

#background {
    background: url("../image/bg.png") repeat-y 133px 50px;
    color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 0;
}

Я хотел бы иметьдумал, что это поместит изображение на 133 пикселя слева и на 50 пикселей сверху, но оно находится на одном уровне с верхней частью браузера.

Может кто-нибудь пролить свет на то, почему это происходит?

Спасибо

Можно ли сделать такую ​​позицию, когда изображение имеет repeat-y?

Спасибо

Answer 1

Вы используете repeat-y, поэтому фон повторяется вертикально, как вниз, так и вверх . Указанное вами значение - 50px - это место, где начинается исходный фон, но если ваш фон имеет высоту 50 пикселей, вы не заметите разницу, так как она повторяется и над ней.