Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Lolu chungechunge lwabekwa kunqolobane. Uyacelwa ubuze umbuzo omusha uma udinga usizo.

Svg Image not Displaying Correctly in Firefox 58.0.1

  • 2 uphendule
  • 2 zinale nkinga
  • 1 view
  • Igcine ukuphendulwa ngu James2018

James2018
James2018
more options

I've noticed that a website logo has stopped displaying in Firefox possibly since the 58.0.1 update. It used to display fine until recently. The file displays ok in all the other top browsers.

See this link: https://jsfiddle.net/James2015/256mdLvz/ and view in Firefox then Chrome etc.

I've noticed that a website logo has stopped displaying in Firefox possibly since the 58.0.1 update. It used to display fine until recently. The file displays ok in all the other top browsers. See this link: https://jsfiddle.net/James2015/256mdLvz/ and view in Firefox then Chrome etc.

Isisombululo esikhethiwe

Your svg file is wrong. You have to remove this: 

 <defs class="ClipPathGroup">
 <clipPath id="a">
  <rect width="22600" height="12600"/>
 </clipPath>
</defs>

and all occurences of 

clip-path="url(#a)"

and it'll be OK.

Funda le mpendulo ngokuhambisana nalesi sihloko 👍 3

All Replies (2)

TyDraniu
TyDraniu
  • Top 25 Contributor
more options

Isisombululo Esikhethiwe

Your svg file is wrong. You have to remove this: 

 <defs class="ClipPathGroup">
 <clipPath id="a">
  <rect width="22600" height="12600"/>
 </clipPath>
</defs>

and all occurences of 

clip-path="url(#a)"

and it'll be OK.

James2018
James2018 Umnikazi wombuzo
more options

Thank you, worked perfectly.