Форум для программистов

Форум для программистов
  
Начало · Войти в форумы · Регистрация · Поиск · Статистика
Новости Форум для программистов / Новости /  
 

Как использовать SVG и не забывать про старые браузеры

 
Автор

larchanka

Администратор
Лид (550)

Сейчас повсеместно ставят всякие Retina и другие экраны с большой плотностью пикселей. Обычные картинки смотрятся архаично. Можно конечно ставить изображения увеличенные в два раза, а можно просто ипользовать векторные картинки формата SVG. Но, несмотря на 2014 год, иногда все еще можно встретить компьютеры, в которых утсановленны браузеры, неподдерживающие эту технологию. По этой причине многие ищут способы использования SVG, но чтобы IE тоже мог что-то показать вместо белого квадратика.

На самом деле все легко. Если SVG используется в качестве фонового изображения, то можно делать вот так:

.block-with-svg {
    background-image: url(/path/to/image.png);
    background-image: url(/path/to/image.svg), none;
}

А если вы просто вставили картинку, то:

<img src="/path/to/image.svg" onerror="this.src='/path/to/image.png'" />

Работает везде.

Тот самый © Миша Ларченко

Новости Форум для программистов / Новости /
 Как использовать SVG и не забывать про старые браузеры

Ваш ответ


 

На форумах: Гости - 13
Участники - 0
Максимум: 31 [29 Авг 2026 03:44]
Гости - 31 / Участники - 0
2013-2026 © Миша Ларченко · ❤️ miniBB