The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums Other SVG is rendered blank in Safari and Chrome but works fine in Firefox

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #203019

    Hi there,

    I am new to SVG wanting to learn. I have implemented for the first time in one of the sites I am building. I have used it as an <object></object> for the logo and it works fine. However, i have tried using is it the following way for some other element in the site.
    <svg class=”apply-now” viewBox=”0 0 247 62.482″>
    <use xlink:href=”svg/svg-icons/icons.svg#apply-now”></use>

    I have included the following in the <head>:
    <!– JQuery
    –––––––––––––––––––––––––––––––––––––––––––––––––– –>
    <script src=”svg/svg4everybody/svg4everybody.js”></script>

    and also a php to call external svg file once like so just after <body> (not sure if this was necessary)
    <?php include_once(“svg/svg-icons/icons.svg”); ?>

    The issue here is, it displays fine in Firefox but comes out blank in Chrome and Safari.
    I have tried everything and spent hours and hours trying to fix but no luck. Can I please get some help? Would really appreciate. Thanks!


    We really need a demo to help further.

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘Other’ is closed to new topics and replies.