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

This thread was archived. اگر به کمک نیاز دارید لطفاً یک سؤال بپرسید.

Svg Image not Displaying Correctly

  • No replies
  • 1 has this problem
  • 1 view
momentho93
momentho93
more options

HI! I have this svg file: 

<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 99.5 99.5"><defs><style>.cls-1{fill:#595959;}.cls-2{fill:#fff;}.cls-3{mask:url(#mask);}.cls-4{fill:#cc52ca;}</style><mask id="mask" x="0" y="0" width="99.5" height="99.5" maskUnits="userSpaceOnUse"><path class="cls-1" d="M49.74,12.46A37.21,37.21,0,0,0,13.23,42.24,9.83,9.83,0,0,0,13,43.42a36.59,36.59,0,0,0-.54,6.32c0,.64,0,1.28,0,1.92s.08,1.19.15,1.75a34.83,34.83,0,0,0,.59,4c.1.57.25,1.14.4,1.7a16.55,16.55,0,0,0,.44,1.61c.3.88.62,1.77,1,2.66a10.33,10.33,0,0,0,.45,1.11c.39.89.81,1.78,1.25,2.64.25.42.47.86.72,1.28.59,1,1.23,2,1.9,3A37.28,37.28,0,1,0,49.74,12.46Zm0,70.73A33.44,33.44,0,1,1,83.19,49.74,33.44,33.44,0,0,1,49.76,83.19Z"/><path class="cls-2" d="M49.76,20.36A29.38,29.38,0,1,0,79.14,49.74,29.37,29.37,0,0,0,49.76,20.36Zm0,9.15c1.68,0,3.7.69,3.7,4s-2,4-3.7,4c-2.39,0-3.7-1.43-3.7-4S47.37,29.51,49.76,29.51ZM57,69.3H42.76L43.13,66l.46-.07A9.61,9.61,0,0,0,47,64.79V48.18a3.52,3.52,0,0,0-.72-2.54,4.93,4.93,0,0,0-2.81-.74l-.66,0,.29-2.81.47-.1c1.38-.25,3.75-.87,7.7-2l.24-.07,1.71.94v24a10.61,10.61,0,0,0,3.62,1.28l.57.12Z"/></mask></defs><title>info2</title><g class="cls-3"><rect class="cls-4" width="99.5" height="99.5"/><line class="cls-4" x2="99.5" y2="99.5"/><line class="cls-4" y1="99.5" x2="99.5"/></g></svg>

And it works well on Firefox 53.0.2, but it doesn't work on Firefox 58! It seems shelled

Thank you for the help

HI! I have this svg file: <pre><nowiki><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 99.5 99.5"><defs><style>.cls-1{fill:#595959;}.cls-2{fill:#fff;}.cls-3{mask:url(#mask);}.cls-4{fill:#cc52ca;}</style><mask id="mask" x="0" y="0" width="99.5" height="99.5" maskUnits="userSpaceOnUse"><path class="cls-1" d="M49.74,12.46A37.21,37.21,0,0,0,13.23,42.24,9.83,9.83,0,0,0,13,43.42a36.59,36.59,0,0,0-.54,6.32c0,.64,0,1.28,0,1.92s.08,1.19.15,1.75a34.83,34.83,0,0,0,.59,4c.1.57.25,1.14.4,1.7a16.55,16.55,0,0,0,.44,1.61c.3.88.62,1.77,1,2.66a10.33,10.33,0,0,0,.45,1.11c.39.89.81,1.78,1.25,2.64.25.42.47.86.72,1.28.59,1,1.23,2,1.9,3A37.28,37.28,0,1,0,49.74,12.46Zm0,70.73A33.44,33.44,0,1,1,83.19,49.74,33.44,33.44,0,0,1,49.76,83.19Z"/><path class="cls-2" d="M49.76,20.36A29.38,29.38,0,1,0,79.14,49.74,29.37,29.37,0,0,0,49.76,20.36Zm0,9.15c1.68,0,3.7.69,3.7,4s-2,4-3.7,4c-2.39,0-3.7-1.43-3.7-4S47.37,29.51,49.76,29.51ZM57,69.3H42.76L43.13,66l.46-.07A9.61,9.61,0,0,0,47,64.79V48.18a3.52,3.52,0,0,0-.72-2.54,4.93,4.93,0,0,0-2.81-.74l-.66,0,.29-2.81.47-.1c1.38-.25,3.75-.87,7.7-2l.24-.07,1.71.94v24a10.61,10.61,0,0,0,3.62,1.28l.57.12Z"/></mask></defs><title>info2</title><g class="cls-3"><rect class="cls-4" width="99.5" height="99.5"/><line class="cls-4" x2="99.5" y2="99.5"/><line class="cls-4" y1="99.5" x2="99.5"/></g></svg></nowiki></pre> And it works well on Firefox 53.0.2, but it doesn't work on Firefox 58! It seems shelled Thank you for the help

Modified by cor-el