Отображение цвета заливки SVG в обратном порядке в Safari - PullRequest
Новая
       12

Отображение цвета заливки SVG в обратном порядке в Safari

0 голосов
/ 07 апреля 2019

Я добавляю файл SVG в качестве фонового изображения в контейнер div. Этот SVG-файл имеет синий путь, который отображается оранжевым, когда он отображается в любой версии Safari (цвет # 0070CC интерпретируется Safari как # CC7000). Все браузеры правильно отображают этот цвет заливки SVG, а Safari - нет.

Возможным решением будет создание двух разных SVG и загрузка того или другого в зависимости от браузера клиента ... но я спрашиваю себя, есть ли у кого-нибудь лучшее решение для этой проблемы.

CSS это: 

div {
  z-index: 10;
  background-image: url("/path-to-image/imagen.svg");
  background-size: contain;
  background-repeat: repeat-y;
  position: fixed;
  height: 100%;
}

И часть SVG, где он расположен, цвет: 

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="imagen" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
     viewBox="68.94152 0 12.11696 39.05035" style="enable-background:new 68.94152 0 12.11696 39.05035;" xml:space="preserve">
<g>
<path style="fill:#0070CC;" d="M77.94778,10.54956c0.00294,0.07987-0.66428-0.18512-0.72068-0.22048

Путь должен отображаться синим цветом во всех браузерах, но в Safari отображается оранжевым.

...