Можно ли использовать много фрагментов изображения для достижения эффекта `background-size: cover`?

Question

Если я использую background-size: cover; с одним большим файлом изображения, я получаю нужный эффект.Но если я создаю фон, используя срез изображения (т.е. делим изображение на несколько изображений и сжимаем изображения по-разному для достижения лучшего уменьшения размера файла), можно ли каким-то образом добиться того же эффекта?

Answer 1

background-size могут принимать значения в процентах, и у вас есть различные значения background-size и background-position` для разных фоновых изображений (разделенных запятыми), так что вы можете иметь возможность заставить его работать .

Однако из-за того, как работает background-position, это может быть немного сложнее - background-position: 50% 0; означает «расположить изображение так, чтобы точка 50% пути вдоль длины изображения составляла 50% пути вдоль длина элемента ». Для сложных фрагментов может потребоваться много усилий, чтобы выровнять изображения, и могут возникнуть проблемы с округлением в 1 пиксель.

Редактировать: и, как вы указали в комментариях, background-size:cover поддерживает соотношение ширины / высоты изображения, обеспечивая при этом покрытие фона, чего не могут получить значения в процентах, если только вы заранее знать размеры элемента.