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;