2013-03-29 54 views
0

圖像在浮動div中從頂部到底部展開,我想從頂部欄和底部欄中將重複背景圖像的頂部和底部裁剪20像素。是否可以裁剪重複的背景圖片?

.container { 
    background:url(dot.gif) repeat-y; 
    background-size:1px 1px; 
} 

我嘗試以下,但這並沒有幫助:

background-position:center 20px; 

有沒有辦法做到這一點?

+1

你爲什麼不使容器變小? – woz

+2

我沒有看到任何頂部或底部的酒吧。 – BoltClock

+1

最好的辦法是在容器中放置另一個DIV,並給它上邊距和下邊距20px(或者在父區域上設置填充頂部和底部填充),然後在該元素中設置BG。 –

回答

0

使容器變小20px或將圖像縮小20px; 使容器由20像素 較小嚐試這樣做,使用jQuery

的圖像試試這個

height://reduce by 20px; 
width:auto; 
+0

我無法縮小圖像,它已經小於20像素 – blsn