SVG 无法正确显示，iOS Safari答案

【问题标题】：SVG does not display correctly, iOS SafariSVG 无法正确显示，iOS Safari
【发布时间】：2017-06-19 12:09:04
【问题描述】：

我获得了一个 .ai 格式的网站徽标，我将其裁剪并保存为 SVG1.1，并将其放置在朋友 Shopify 商店的多个位置。

Image in question（在 iOS 版 Safari 中查看）

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

链接到此处的实际页面：bambooboss.com/pages/about-us

第一张照片下方的“熊猫头”图像在我的 iPhone 5 上使用最新版本的 iOS Safari 浏览时半黑。虽然看起来很酷，但绝对不是我朋友最初的创意......

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

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

【问题讨论】：

【解决方案1】：

将以下行改为：

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

即删除 8.00000e-02

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

【讨论】：