爲什麼我不能在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？

回答

相關問題