透明SVG在Safari中不透明

时间:2020-05-16 05:32:16

标签: html css svg safari

我在Adobe Illustrator 16.0.4中有一个由图形设计人员为我制作的svg图像,该图像的区域可以使用Adobe_OpacityMaskFilter淡化为透明色(或者至少我想我不太擅长读取代码中的svg )。在Chrome浏览器中可以看到它应该执行的操作,但在Safari中却没有,在Safari中,该区域仅显示为白色而不是透明。是否有一个原因?以及可能的解决方法? 它应该是这样的:

enter image description here

这是Safari中的样子:

enter image description here

这是我的代码段:

.container {
  display: inline-block;
  background-color: coral;
}
.window {
  width: 200px;
}
<div class="container">
  <img src="http://anjakaiser.info/HomeComing/200514-Homecoming-window-03.svg" class="window">
</div>  

1 个答案:

答案 0 :(得分:0)

我们解决了这个问题-这是SVG版本中的问题。在SVG 1.0中,透明度梯度似乎存在问题。一旦我们在SVG 1.1中导出了SVG文件,它的工作就像一个魅力。

相关问题