Css 为什么我不能在firefox中使用svg？

问题是我根本不能使用一些内联SVG。我注意到FF中的

和SVG问题。但事实是，许多其他的方法也在起作用

我遇到了一个设计师的两个图标，但都不起作用。甚至没有

fill

属性。它只是隐形的。没什么帮助

我无法提供更有用的信息。所有图标都按原样工作。除了这个2。在chrome中没有问题

Upd： 这里有一个例子。这两个svg使用不同的

剪辑路径

。但出于某种原因，第一个使第二个隐形。在FF中尝试这个例子。删除第一个图标或将其设置为相同的

剪辑路径

-

url（#svgicon-h）

。然后它就起作用了。但是为什么呢

---

您有两个元素

id="svgicon-a"

每个SVG中有一个

id

属性在文档中必须是唯一的。如果页面上有多个，则结果取决于浏览器。这就是为什么你在Chrome上得到的结果与在Firefox上不同

修复方法是更改其中一个SVG中的

id

---

将

填充
应用到
不会有任何作用。它应该在
@NiettheDarkAbsol上，我也试过了。正如我所说，它在其他浏览器中工作。事实上，它在其他浏览器中工作并不意味着它是有效的，Fortael。您不应该期望无效属性在浏览器中工作，指望它们在当前使用的浏览器中继续工作也将是一个错误，因为当浏览器制造商停止在您编写的网站上工作时，您不会收到来自浏览器制造商的电子邮件。电子邮件将来自客户，他们不会高兴。“向客户申请填充不会有任何作用”。这个建议是完全错误的。像
fill
这样的样式属性可以从祖先继承。请发布一个。我们无法帮助您调试丢失一半的代码图片。请原谅我的疏忽。谢谢你的帮助。此html由js组件自动生成。所以我甚至没想到会有这样的问题。