Internet Explorer не может отобразить SVG из свойства класса стиля - PullRequest
Новая
       24

Internet Explorer не может отобразить SVG из свойства класса стиля

0 голосов
/ 05 декабря 2018

Я, наверное, ненавижу IE так же сильно, как и все вы, но я провожу некоторое тестирование в IE, и я обнаружил, что этот тупой тупик.

Только для IE значки SVG не отображаются,только цвет фона.Не моя работа, но кто-то до меня использовал тег «i» с классом (icon-outline-email) и указал классу два разных свойства маски и свойство цвета фона. 

<i class="appkiticon icon-outline-email icon-size-16 email-icon">&nbsp;</i>

icon-outline-email определяется во внешней таблице стилей как: 

    .icon-outline-email{background-color:#333;
     mask:url(./images/component/icons/outline/svg/Email.svg) no-repeat 50% 50%;
    -webkit-mask:url(./images/component/icons/outline/svg/Email.svg) no-repeat 50% 50%}

При просмотре в Chrome / FF все в порядке, но для IE 11 только цвет фона проявляется.У меня было это работает, добавив дополнительный фоновый URL со свойством линейных градиентов, но затем мне сказали не изменять appkit, поскольку он используется другими сайтами.

Мой вопрос заключается в следующем, есть ли способ иметь IEпоказывать эти значки в настройках Angular (через внутреннюю инъекцию таблиц стилей CSS) или есть npm (modernizr?), который может исправить проблему по всему миру?

Любая помощь приветствуется, если вам нужно больше разъяснений ... пожалуйста, дай мне знать!Спасибо!

...