为什么我不能在Firefox中使用一些SVG？

-1

问题是我根本无法使用一些内联SVG。我注意到FF中的<object >和SVG问题。但事实是，许多其他人正在工作。为什么我不能在Firefox中使用一些SVG？

我遇到了2个设计器无法使用的图标。甚至没有fill财产。这只是看不见的。没什么帮助。

我无法提供更多有用的信息。所有图标按原样工作。除此之外2.在铬没有问题。

Upd： https://jsfiddle.net/u0t4tupu/4/ 这里是一个例子。这两个svg使用不同的clip-path。但由于某种原因，第一个让第二个隐形。在FF中试试这个例子。删除第一个图标或将其设置为相同clip-path - url(#svgicon-h)。然后它工作。但为什么？

来源

2017-07-29 Fortael

应用'fill'到''

@NiettheDarkAbsol我也试过。正如我所说，它在其他浏览器中工作。 – Fortael

填充应该在你的元素上，而不是你的svg标签。填充属性与Firefox的工作，只是测试它你可以在这里找到一些例子https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Fills_and_Strokes – sheplu

您有

id="svgicon-a"

各有一个SVG两个元素。

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

修复方法是在其中一个SVG中更改id。

https://jsfiddle.net/u0t4tupu/5/

来源

2017-07-30 17:03:37

原谅我的注意力不集中。并感谢您的帮助。这个html由js组件自动生成。所以我甚至没有想到这种问题。 – Fortael

为什么我不能在Firefox中使用一些SVG？

回答

相关问题