Question

我正在div容器中添加SVG文件作为背景图像。该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中，显示为橙色。

SVG填充颜色在Safari中以相反顺序显示

0 个答案: