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

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;