CSS – фоновое изображение растягивается по горизонтали и повторяется по вертикали? ⇐ CSS

[Anonymous]

Используя размер фона: обложку Я могу растянуть фон на всю ширину страницы.

Используя повторение-y< /code> Я могу сделать так, чтобы фон повторялся или располагался вертикально на всю высоту страницы.

Есть ли какой-нибудь способ объединить эти два эффекта? К сожалению, они, похоже, не работают вместе (по крайней мере, в Chrome). Похоже, что я могу либо растянуть в обоих направлениях с помощью Background-size: Cover, либо не растягивать в направлении X, а повторить в направлении Y.

Изменить: Использование размера фона: 100% Npx (где N — высота изображения). Я могу выполнить вышеописанное, но это искажает фоновое изображение, поскольку оно растягивается только в одном направлении. Есть ли способ сохранить пропорциональное масштабирование?

Подробнее здесь: https://stackoverflow.com/questions/410 ... vertically