網站背景 - 水平重複，垂直縮放

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的整個高度。

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