垂直拉伸背景图像

Question

我试图弄清楚如何垂直拉伸背景图像.我通过以下方式使用CSS3和3个图像:

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%