jquery - 网站背景 - 水平重复，垂直缩放

Question

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

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

谢谢您的回答！

Answer 1

如果您知道背景图像的尺寸，那么使用 CSS 很容易做到这一点。在我的示例中，我有一个 25px 宽的图像：

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

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

示例：http: //jsfiddle.net/vc6HV/