使用CSS从顶部移动背景图像

Question

基本上..

我想从顶部移动主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; 
}

Answer 1

您需要background-origin property（但请注意limited browser support）。

Answer 2

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

Answer 3

background-position只接受参数：offset left，offset top ...

background：url（'image.url'）0px 200px repeat-y;

所以你的解决方案并没有完全错，如果你想削减第一张图片的200px，（而不是重复整个图片）。