Коротко,
https://jsfiddle.net/Lwhd48of как сделать, чтобы фон Красного блока
big соответствовал его размеру.
Например, есть картинка, включающая в себя иконки для сайта
Как при при использовании свойства background-position одновременно задавать не только координаты, но и длину/ширину "вырезаемой" области. Т.е. чтобы эти параметры не зависели от размеров блока, для которого устанавливается это свойство и, чтобы вырезанная область могла масштабироваться по размеру блока. Что-то наподобие canvas.drawImage(image, sx, sy, sWidth, sHeight, dx, dy, dWidth, dHeight)
Пример:
https://jsfiddle.net/7p1ds8ea
Пусть изначально был блок
small с указанным фоном.
Затем понадобилось добавить такой же блок
big, только больших размеров. Фон уже не соответствует.
Есть ли решение, без необходимости разбития этой картинки на части, и использование этих частей по отдельности.
Простой
