1

基本上..

我想从顶部移动主 div 200px 的背景图像，然后在 y 轴上重复。所以我不希望它从 200px 开始；我可以通过 CSS 做到这一点吗？我能想到的唯一方法是在下面，但它不起作用。

我知道我做错了什么，但它是什么？

这是DIV：

<div class="main">
<p> Content Content </p>
</div>

这是CSS：

.main { 
    background: url('/wp-content/themes/blue-and-grey/images/addedimages/main-bg.png');
    background-repeat:repeat-y; 
    background-position: 200px 0px 0px 0px; 
}
4

3 回答 3

5

您想要该background-origin属性（但请注意有限的浏览器支持）。

于 2012-07-16T18:47:44.233 回答
1

我会尝试用正边距将 div 向下移动，将 p 向上移动到负边距。也许你需要一些postion: relative，左右。

于 2012-07-16T18:47:45.623 回答
-1

背景位置只接受参数：左偏移，上偏移...

背景： url('image.url') 0px 200px 重复-y；

因此，如果您想剪切第一张图片的 200 像素（而不是重复整张图片），您的解决方案并不是完全错误的。

于 2012-07-16T18:58:09.823 回答