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