垂直拉伸背景图像

我想弄清楚如何垂直拉伸背景图像。 我使用以下方式使用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

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


我迟到了这里的派对,但这对我来说很合适:

background-size: auto 100%;

这将垂直适合图像,并让宽度做任何需要做的事情(我认为它默认重复)。 您还可以设置:

background-repeat: no-repeat;

因为它不会在水平方向重复图像。


尝试:

background-size: 100% 100%;

第一个100%是宽度,第二个是高度。 在你的情况下,你需要第二个设置为100%

链接地址: http://www.djcxy.com/p/89225.html

上一篇: Vertically stretch background image

下一篇: Fit website background image to screen size