Задать вопрос
Zhuroff
@Zhuroff
css

Как вставить svg как background?

Здравствуйте. SVG-картинку нужно сделать фоном для страницы. Если задать для элемента background: url(../img/back.svg) center/cover no-repeat, то такую конструкцию понимают только файрфокс и ie. Хром и опера не выводят этот бэкграунд. Кто виноват и что делать?
  • Вопрос задан
  • 13290 просмотров
Комментировать
Подписаться 2 Оценить Комментировать
Решения вопроса 1
Zhuroff
@Zhuroff Автор вопроса
Разобрался, проблема была действительно в самом svg-файле. Нужно, чтобы внутри было
xlink:href="data:image/png;

а у меня было:

xlink:href="data:img/png;
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 3
iiiBird
@iiiBird Куратор тега CSS
Пока ты спишь - твой конкурент совершенствуется
все браузеры нормально воспроизводят svg как background
скорее всего проблема в самом svg.
Ответ написан
1 комментарий
1 комментарий
@architawr
"Ok, Google" и все твои проблемы решены
Просто делайте все свойства отдельно( отдельно позицию, размер, репит)
Ответ написан
1 комментарий
1 комментарий
userAlexander
@userAlexander
Верстка наше все)
Zhuroff попробуйте задать background-size
и выложите код на jsfiddle, что бы было удобней вам помочь)
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 130 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Скрыть / убрать лишние поля в форме заказа
19 апр. 2024, в 07:30
1500 руб./в час
Взлом автомобильной программы
19 апр. 2024, в 05:01
999999 руб./за проект
Доработать телеграм бота
19 апр. 2024, в 03:52
1000 руб./за проект
Ещё заказы