Можно ли обрезать повторяющееся фоновое изображение?

Question

Изображение расширяется сверху вниз в плавающем div, я хотел бы обрезать верхнюю и нижнюю части повторяющегося фонового изображения на 20 пикселей от верхней панели и от нижней панели.

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

Я попытался следующие, но это не помогло:

background-position:center 20px; 

Есть ли способ сделать это?

Answer 1

либо сделать контейнер меньшим на 20 пикселей или уменьшить изображение на 20 пикселей; сделать контейнер меньше, 20px попытаться сделать это с помощью JQuery

для изображения попробовать это

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