Графика/Дизайн | чет не работает base64
не могу запелить где не правильно ?
в гугле искал решение , у многих такая беда что не пашет .
в гугле искал решение , у многих такая беда что не пашет .
.buttons a::before { content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAChJREFUOE9jZKAyYKSyeQyjBlIeoqNhOBqGZITAaLIhI9DQtIzAMAQASMYAFTvklLAAAAAASUVORK5CYII'); }
Вроде все правильно, но сама картинка в коде выше - это просто прозрачный квадрат, естественно ничего видно не будет


не фига (((
попробовал svg добавить
тоже самое , цвет я сменил на белый
.buttons a::before { color:#fff; ;content: ' <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#fff" class="bi bi-plus-lg" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2Z"/>
</svg>'; }

.buttons a::before { content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iI2ZmZiIgY2xhc3M9ImJpIGJpLXBsdXMtbGciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQoJICAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOCAyYS41LjUgMCAwIDEgLjUuNXY1aDVhLjUuNSAwIDAgMSAwIDFoLTV2NWEuNS41IDAgMCAxLTEgMHYtNWgtNWEuNS41IDAgMCAxIDAtMWg1di01QS41LjUgMCAwIDEgOCAyWiIvPg0KPC9zdmc+'); }
------

Скачиваний: 136



.buttons a::before {
content: "";
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iI2ZmZiIgY2xhc3M9ImJpIGJpLXBsdXMtbGciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQoJICAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOCAyYS41LjUgMCAwIDEgLjUuNXY1aDVhLjUuNSAwIDAgMSAwIDFoLTV2NWEuNS41IDAgMCAxLTEgMHYtNWgtNWEuNS41IDAgMCAxIDAtMWg1di01QS41LjUgMCAwIDEgOCAyWiIvPg0KPC9zdmc+');
background-size: contain;
background-repeat: no-repeat;
display: inline-block;
width: 40px;
height: 40px;
}
можно размерность задавать так, не могу с уверенностью сказать что это правильный подход, но вроде работает.

url("data:image/svg+xml; utf8, <svg>...</svg>");
но лично я предпочитаю base64

просто разбераюсь пока с добавлением svg.
если использовать локально <img src='123.svg'> то просто цвет и размер просто базово задается
Стр.: 1, 2