使用repeat-y进行背景定位

我有一个背景图片，它只是我页面主要内容的包装。使用repeat-y进行背景定位

我已经将这个图像的背景图像，如：

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

我本来以为这会像133px从左边50像素从榜首的位置，但它是对的顶部平齐浏览器。

任何人都可以阐明为什么这样做吗？

感谢

当影像具有repeat-y这种位置呢？

感谢

来源

2011-08-25 terrid25

您使用repeat-y这样的背景垂直重复，都向下和向上。您指定的值 - 50px - 是原始背景开始的位置，但如果您的背景具有50px的高度，则不会注意到该差异，因为它在其上重复。

来源

2011-08-25 15:31:19 jeroen

你愿意做一些不同的事情吗？可能使用负边限？ – terrid25

@ terrid25根据你想要达到的目标，可能有几种可能性。一种方法是给你的'body'设置一个50px的顶边，然后把图片放在那里，并给你的'＃background'一个50px的负顶边。 – jeroen

我想实现以下目标：我有一个名为容器的主要div，它目前集中对齐。然后我有一个包装div，这是一个背景图像，就像容器两侧的阴影效果一样。这个背景包装器需要从容器上开始大约50px。因此，我最初尝试使用repeat-y垂直定位的示例。我尝试过使用负边距而没有成功。 – terrid25

使用repeat-y进行背景定位

回答

相关问题