Почему не масштабируется изображение data url в блоке?

Question

[Дмитрий Онацкий]

Есть блок размером 32px на 32px. В его свойствах прописываю:

background: url(data:image/svg+xml;base64,......) no-repeat;
background-size: cover;

Сам SVG имеет те же размеры что и блок, и все вроде прекрасно отображается, но при масштабировании изображение не месшабируется, оно как будто фиксированное и остается того же размера. Не пойму, что делать? Можно конечно напрямую в код SVG вставить, и все окей, но нужно именно через CSS.

Заранее спасибо за помощь!

Comments

[Moskus]

Без того, чтобы вы выложили пример кода, скажем, на jsfiddle, вам, скорее всего, не помогут. Слишком много гадать.

Answer 1

[Sergei Nazarenko]

https://codepen.io/nazares/pen/BQKOeL