垂直拉伸背景图像

Question

我想弄清楚如何垂直拉伸背景图像。我通过以下方式使用带有3个图像的CSS3：

background-image: url("left.png"), url("right.png"), url("center.png")
background-repeat: no-repeat, no-repeat, repeat-x
background-position: top left, top right, top

现在我想将这些图像垂直拉伸到它们一直延伸到底部。有没有办法做到这一点？

Answer 1

我在这里参加派对很晚，但这对我有用：

background-size: auto 100%;

这将垂直适合图像，让宽度做任何需要做的事情（我认为它默认重复）。您也可以设置：

background-repeat: no-repeat;

不要在水平方向重复图像。

Answer 2

尝试：

background-size: 100% 100%;

第一个100%用于宽度，第二个用于高度。在您的情况下，您需要第二个设置为100%