Не отображаются svg иконки в safari

516
27 мая 2017, 15:42

Использую svg спрайт вида

<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;">
<defs>
    <style>
        .view {
        display: none;
        }
        .view:target {
        display: inline;
        }
    </style>
    <symbol id="svg1">
        ........
    </symbol>
    <symbol id="svg2">
        ........
    </symbol>
</defs>
    <g id="svg1_view" class="view">
        <use xlink:href="#svg1" />
    </g>
    <g id="svg2_view" class="view">
        <use xlink:href="#svg2" />
    </g>
</svg>

Вызываю его через src='sprite.svg#svg1'

Во всех браузерах, кроме Safari иконки отображаются отлично. В Safari иконки не отображаются (не в тэге 'img', не в background-image). Если открыть спрайт в отдельной вкладке, то там иконка отображается.

READ ALSO
HTML и HTML5, CSS и CSS3

HTML и HTML5, CSS и CSS3

HTML2 и HTML5 - это один и тот же язык, HTML, просто разные версии (2 и 5), или же это принципиально разные языки разметки? Как будет правильно назвать...

211
Изображение в html письме на yandex.mail

Изображение в html письме на yandex.mail

Вставляю svg картинку с колбеком png в html письмоТестил в большинстве браузеров и основных почтовых клиентах (gmail, yahoo, mail

272