css 背景 repeat-x, strech-y

Question

我有一个带渐变的条纹背景，我想在 x 方向重复并在 y 方向拉伸(stretch)。我认为这会起作用:

background: url(bg.jpg) repeat-x;
background-size: auto 100%;

但它要么在 y 方向延伸，要么在 x 方向重复，永远不会同时发生:

http://codepen.io/anon/pen/JCjEb

编辑:请注意，我不能简单地在 y 方向重复，因为条纹背景也有渐变(底部较暗，顶部较浅)。

Answer 1

不是为其指定宽度 auto，而是为其指定图像的宽度 (36px)。 http://codepen.io/thgaskell/pen/Bjsix

CSS

.c {
  background-size: 36px 100%;
}