问题是我根本不能使用一些内联SVG。我注意到FF中的<object >
和SVG问题。但事实是,许多其他人正在努力。
我遇到了一个不起作用的设计师的2个图标。甚至不是fill
财产。它只是看不见。什么都没有帮助。
我无法提供更多有用的信息。所有图标都按原样工作。除此之外2.在chrome中没有问题。
UPD:
https://jsfiddle.net/u0t4tupu/4/
这是一个例子。这两个svg使用不同的clip-path
。但在某种程度上,第一个让第二个看不见。在FF中尝试这个例子。删除第一个图标或将其设置为clip-path
- url(#svgicon-h)
。然后它工作。但为什么呢?
答案 0 :(得分:1)
你有两个元素
id="svgicon-a"
每个SVG中有一个。
id
属性在文档中必须是唯一的。如果页面上有多个结果,则结果取决于浏览器。这就是为什么您在Chrome上获得的结果与在Firefox中获得的结果不同。
修复方法是更改其中一个SVG中的id
。