移動背景圖像從頂部與CSS

我要移動的背景圖像作爲用於從頂部主DIV 200像素，然後在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; 
}

來源

2012-07-16 Owen O' Neill

你想要background-origin property（但要注意limited browser support）。

來源

2012-07-16 18:47:44 Quentin

啊！我需要它支持多個瀏覽器，以及所有瀏覽器。不能使用的東西，將在地方工作... – 2012-07-16 19:21:46

我會嘗試移動股利下來積極的邊際和P的負邊際。也許你需要一些postion: relative，左右。

來源

2012-07-16 18:47:45 helle

我有內容包含在你的div。（up top只是我想要的一個基本例子）..我在其他地方有很多代碼，只需要深入瞭解它的底部;沒有意義的是你看到了一切，否則它會是混亂的信息。 – 2012-07-16 19:22:49

採取一個div而不是p，並把你的整個內容。然後使用相同的想法.... – helle 2012-07-17 07:52:58

-1

背景位置只接受到參數：offset左，上偏移...

背景：網址（ 'image.url'）0像素200像素重複-γ;

因此，如果您想要剪切200px的第一張圖片（並重復整個圖片），那麼您的解決方案並不完全錯誤。

來源

2012-07-16 18:58:09

'background-position'設置偏移量，而不是起始位置。這將把圖像的頂部放在頂部200px，但它也會將前一個的底部放在同一個位置 – Quentin 2012-07-16 19:19:46

ok :)實際上我的意思是，或者試圖用「切斷」來說......「但我沒有找到合適的詞語。 – 2012-07-16 19:40:41

移動背景圖像從頂部與CSS

回答

相關問題