SVG 显示不正确，iOS Safari

SVG does not display correctly, iOS Safari

有人向我提供了一个 .ai 格式的网站徽标，我将其裁剪并另存为 SVG1.1，并将其放置在朋友的 Shopify 商店的多个位置。

Image in question（在 Safari 中查看 iOS）

本站图片故障截图：i.stack.imgur.com/HmsIB.png

Link 实际页面在这里：bambooboss.com/pages/about-us

第一张照片下的 "Panda Head" 图片用 Safari 浏览器时半黑，我的 iOS 上的最新版本 iPhone 5. 虽然看起来很酷，但绝对是完全不像我朋友最初的创意构想...

我在 SO 上尝试了另一个答案 here，他们尝试用 <defs> 标签围绕所有 LinearGradient，我对当前图像做了这些 - 但无济于事......

有人知道发生了什么事吗？是兼容性吗？或者从 .ai 保存到 SVG 时出了什么问题？

将以下行更改为：

.st38{opacity:.08;fill:url(#XMLID_108_);}

即删除 8.00000e-02

还有... 运行 这是通过像 SVGOMG 这样的优化器实现的...如果以小尺寸显示，这太复杂和太大了。简化所有渐变，甚至可以将它们合并为一个。应该能够将未压缩版本从 35kb 降低一个数量级。不过标志很可爱。