Я пытаюсь выяснить, как растянуть фоновое изображение по вертикали. Я использую 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
Теперь я хочу растянуть эти изображения по вертикали, чтобы они простирались до конца. Есть ли способ сделать это?
Я опаздываю на вечеринку здесь, но это то, что сработало для меня:
background-size: auto 100%;
Это будет соответствовать изображению по вертикали и пусть ширина сделает все, что ему нужно (я думаю, что он по умолчанию повторяется). Вы также можете установить:
background-repeat: no-repeat;
чтобы он не повторял изображение в горизонтальном направлении.
Try:
background-size: 100% 100%;
first 100% для ширины и второй для высоты. В вашем случае вам понадобится второй набор 100%