为什么我不能在firefox中使用一些svg?

时间:2017-07-29 21:54:06

标签: css firefox svg

问题是我根本不能使用一些内联SVG。我注意到FF中的<object >和SVG问题。但事实是,许多其他人正在努力。

我遇到了一个不起作用的设计师的2个图标。甚至不是fill财产。它只是看不见。什么都没有帮助。

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

UPD: https://jsfiddle.net/u0t4tupu/4/ 这是一个例子。这两个svg使用不同的clip-path。但在某种程度上,第一个让第二个看不见。在FF中尝试这个例子。删除第一个图标或将其设置为clip-path - url(#svgicon-h)。然后它工作。但为什么呢?

enter image description here

1 个答案:

答案 0 :(得分:1)

你有两个元素

id="svgicon-a"

每个SVG中有一个。

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

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

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