使用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;
}

我原本以为这会将图像从左侧放置133px，从顶部放置50px，但它与浏览器顶部齐平。

任何人都可以解释为什么会这样做吗？

由于

当图片有repeat-y时，可以完成这种位置吗？

由于

Answer 1

您正在使用repeat-y，因此背景会垂直重复，向下和向上重复。您指定的值 - 50px - 是原始背景开始的位置，但如果您的背景高度为50px，则不会发现差异，因为它也会在其上方重复。