Как заменить тег, который не отображается в SVG на некоторых браузерах и в телефонах?

Question

Volgarastraport @Volgarastraport

Как заменить тег, который не отображается в SVG на некоторых браузерах и в телефонах?

Сделал простенький лендинг football-priz.club (код скриптов доступен)
В хроме на десктопе и в Андроиде все ОК.
В Мозиле отвалились иконки на колесе. В IE - вообще нет колеса. На айфонах тоже самое - нет колеса.
Грешу на отсутствие height или width (https://developer.mozilla.org/ru/docs/Web/SVG/Tuto...
Но как их захаркордить, если верстка адаптивная?
Прошу помочь.

Вопрос задан более трёх лет назад
153 просмотра

6 комментариев

Подписаться 1 Простой 6 комментариев

tyzberd @tyzberd

смотрю вы поменяли xlink:href на href.
Проблема в нем?

Написано более трёх лет назад
Volgarastraport @Volgarastraport Автор вопроса

tyzberd, На картинках? Ничего не поменял - xlink и стоит.
В общем с картинками решил, нужно было приписать ширину и высоту - так работает, но вообще SVG не воспроизводится на iOS и IE в десктопах.

Написано более трёх лет назад
tyzberd @tyzberd

для свг спрайтов в IE есть https://github.com/jonathantneal/svg4everybody возможно тут та же проблема.

Написано более трёх лет назад
tyzberd @tyzberd

не воспроизводится на iOS

на реальном устройстве проверяете?

Написано более трёх лет назад
tyzberd @tyzberd
и IE в десктопах

в IE9+ все норм, у вас просто ошибка в js, исользуется arrow function и доктайпа нет
setTimeout(() => { switchClass(); }, 3000);

+ для svg можете добавить xmlns="www.w3.org/2000/svg"
xmlns:xlink="www.w3.org/1999/xlink">
Написано более трёх лет назад
Volgarastraport @Volgarastraport Автор вопроса

tyzberd, Спасибо, действительно в этом был затык. Вчера ещё эту ошибку увидел, но проигнорил.

Написано более трёх лет назад

Пригласить эксперта

Ваш ответ на вопрос

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

Войти через центр авторизации

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

JavaScript

+2 ещё

Простой
Как выровнять по высоте заголовки в карточках товаров?
- 1 подписчик
- 7 минут назад
- 5 просмотров
1

ответ
Веб-разработка

Простой
Как сделать чтобы при нажатии на кнопку или сылку в div блоке открывалась галерея?
- 1 подписчик
- 28 минут назад
- 12 просмотров
0

ответов
HTML

+1 ещё

Средний
Как в файле svg заставить работать события?
- 1 подписчик
- 4 часа назад
- 81 просмотр
1

ответ
HTML

+1 ещё

Простой
Почему верхние и нижние внешние отступы пустого блока не схлопываются?
- 2 подписчика
- 20 часов назад
- 158 просмотров
4

ответа
HTML

+1 ещё

Простой
Почему пустой div смещается, если ему задать margin-bottom?
- 2 подписчика
- 21 час назад
- 151 просмотр
1

ответ
JavaScript

+1 ещё

Простой
Почему при добавление переменно в style, она перестаёт обновляться?
- 1 подписчик
- 21 час назад
- 58 просмотров
1

ответ
Веб-разработка

Простой
Почему сайт отображается некорректно?
- 1 подписчик
- 22 часа назад
- 124 просмотра
3

ответа
JavaScript

Простой
Как получить результат отправки на сервер, если fetch-запрос был в одной функции, а результат нужен в другой?
- 1 подписчик
- 23 часа назад
- 72 просмотра
1

ответ
JavaScript

+1 ещё

Простой
Существуют ли браузерные реализации WebView для AJAX и Fetch?
- 1 подписчик
- вчера
- 81 просмотр
1

ответ
JavaScript

Простой
Как обрабатывать пользовательский запрос больше не показывать конкретный попап?
- 1 подписчик
- вчера
- 64 просмотра
1

ответ
Показать ещё Загружается…

JavaScript разработчик

SummerWeb • Ярославль

от 100 000 до 140 000 ₽

JavaScript разработчик

вАйТи

от 5 000 до 25 000 ₽

JavaScript разработчик

Мэтч

от 80 000 ₽

Дизайн карточек для Wildberries

23 апр. 2024, в 14:31

5000 руб./за проект

Создать дизайн лендинга портфолио на фигме

23 апр. 2024, в 14:09

500 руб./за проект

В wordpress подключить модуль по рассрочке (документацию дам)

23 апр. 2024, в 13:51

4500 руб./за проект

смотрю вы поменяли xlink:href на href.
Проблема в нем?
tyzberd, На картинках? Ничего не поменял - xlink и стоит.
В общем с картинками решил, нужно было приписать ширину и высоту - так работает, но вообще SVG не воспроизводится на iOS и IE в десктопах.
для свг спрайтов в IE есть https://github.com/jonathantneal/svg4everybody возможно тут та же проблема.
не воспроизводится на iOS

на реальном устройстве проверяете?
и IE в десктопах

в IE9+ все норм, у вас просто ошибка в js, исользуется arrow function и доктайпа нет
setTimeout(() => { switchClass(); }, 3000);

+ для svg можете добавить xmlns="www.w3.org/2000/svg"
xmlns:xlink="www.w3.org/1999/xlink">
tyzberd, Спасибо, действительно в этом был затык. Вчера ещё эту ошибку увидел, но проигнорил.

Как заменить тег, который не отображается в SVG на некоторых браузерах и в телефонах?

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

Минуточку внимания

Войдите на сайт