透明 SVG 在 Safari 中不透明

Question

我有一个图形设计师在 Adobe Illustrator 16.0.4 中为我制作的 svg 图像，其中有一个区域使用 Adobe_OpacityMaskFilter 逐渐变为透明（或者至少我猜，我不是善于阅读代码中的 svg）。在 Chrome 中查看，它做了它应该做的事情，但在 Safari 中却没有，该区域只是淡入白色而不是透明。是否有一个原因？一个可能的解决方法？它应该是这样的：

这是它在 Safari 中的样子：

这是我的代码片段：

.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>

Answer 1

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

透明 SVG 在 Safari 中不透明

Transparent SVG not transparent in Safari

html

css

safari

svg