Rак вставить svg через css?

ни один из вариантов ниже не работает
использую Хром

background: url('../img/svg/header3stars.svg') no-repeat center

background: url('
data:image/svg+xml;utf8,
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="179" height="30" viewBox="0 0 179 30">  
<image id="header3stars.svg" data-name="Векторный смарт-объект.svg" width="179" height="30" xlink:href="data:img/png;base64,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"/>
</svg>
')
  • Вопрос задан
  • 664 просмотра
Пригласить эксперта
Ответы на вопрос 2
Lumore
@Lumore
Front-end developer

ни один из вариантов ниже не работает
использую Хром

background: url('../img/svg/header3stars.svg') no-repeat center

Проверьте путь изображения
Ответ написан
Комментировать
profesor08
@profesor08 Куратор тега CSS
1. Убедись в правильности пути к картинке (F12).
2. Убедись в правильности размера картинки, так как она может иметь прозрачные края и быть больше размера блока, и в результате не будет видна.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы