Html 多个CSS背景在mobile safari中不起作用

我无法在mobile Safari中获得多个背景。我发现它很难调试，因为它可以在其他任何地方工作，即使是桌面Safari。我已经读到一个潜在的问题，当分组到一个单独的声明，但这不适用于我，因为我没有分组他们

这是我的密码：

    background-color: #3394CE;
    background-attachment: fixed, fixed;
    background-image: url("../images/overlay3.svg"), linear-gradient(45deg, #9dc66b 5%, #4fa49a 30%, #1579AF);
    background-position: center center, center center;
    background-size: cover, cover;

---

在iOS Safari上，我只能看到背景颜色。

可能问题在于svg，而不是多个背景。如果这是您唯一的背景，您能看到svg吗？我删除了svg，但仍然看不到渐变，然后手动添加了供应商前缀（而不是依赖autoprefixer）仍然没有任何内容。。。这和iOS上的Chrome是一样的，所以我不确定问题出在哪里。你不应该在后台使用厂商前缀。我做了更多的研究，整个蓝色不是背景色，它是线性渐变的最后一个值#1579AF。。我将最后一个值更改为红色，整个div变为红色，就好像其他颜色没有被应用或看不见一样。问题可能是svg，而不是多个背景。如果这是您唯一的背景，您能看到svg吗？我删除了svg，但仍然看不到渐变，然后手动添加了供应商前缀（而不是依赖autoprefixer）仍然没有任何内容。。。这和iOS上的Chrome是一样的，所以我不确定问题出在哪里。你不应该在后台使用厂商前缀。我做了更多的研究，整个蓝色不是背景色，它是线性渐变的最后一个值#1579AF。。我将最后一个值更改为红色，整个div变为红色，就好像其他颜色没有被应用或看不见一样。