Question

目前我在一个网站上工作，我有一个不寻常的任务。我需要将图像设置为网站背景，图像应该在水平方向上重复，但在垂直方向上缩放。

我认为只使用CSS是可能的，但jQuery可能有可能吗？我想是这样，但我不知道怎么做。

感谢您的回答！

Answer 1

如果你知道背景图像的尺寸，这很容易用CSS做。在我的例子中，我有一个25像素宽的图像：

.background {
  background: url(http://placekitten.com/25/25) top left repeat-x;
  background-size: 25px 100%;
}

repeat-x使图像水平重复。背景大小将图片宽度设置为25px，高度设置为100%，将其拉伸到整个div的高度。