是否可以裁剪重复的背景图像？

Question

图像在浮动div中从上到下展开，我想从顶部栏和底栏中裁剪重复背景图像的顶部和底部20个像素。

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

我尝试了以下但是没有帮助：

background-position:center 20px;

有没有办法做到这一点？

Answer 1

将容器缩小20px或将图像缩小20 px; 使容器小20px 尝试用jQuery做到这一点

图片试试这个

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