CSS雪碧圖是經常用來優化網頁性能的技術之一。通過將多張小圖片合成為一張大圖片，可以減少網頁請求次數，達到優化網頁性能的目的。但是，在有些情況下，我們需要對CSS雪碧圖進行縱向拉伸操作，以適應不同大小的容器。那么該怎樣實現呢？

.sprite {
background-image: url('sprite.png');
background-repeat: no-repeat;
}
.stretch {
background-position: 0 0;
background-size: 100% auto;
height: 300px; /* 根據實際情況設置高度 */
}

以上是實現縱向拉伸的代碼。首先，我們定義了一個CSS雪碧圖的類名為.sprite，并設置它的背景圖片和重復方式。然后，我們定義了一個新的類名為.stretch，它繼承了.sprite類，并且添加了一些新的屬性。

在.stretch類中，我們將背景圖片定位為左上角，以保證只顯示雪碧圖中最上面的一張圖片。然后，我們使用background-size屬性將背景圖片的寬度設置為100%（以適應容器的寬度），而高度設置為auto（保持原圖比例）。最后，我們設置容器的高度（根據實際情況設置）。

通過以上操作，我們就可以實現對CSS雪碧圖的縱向拉伸，以適應不同大小的容器。