PNG zeigt nur auf Chrom, aber nicht Safari oder Firefox

Question

Es ist ziemlich seltsam das Hintergrundbild und das Logo zeigen auf Firefox oder Safari nicht

Unten ist mein Code, den ich den HTML-Code geschnitten und die CSS bis auf den einzigen diejenigen, die nicht zeigen, was "Logo" und der Hintergrund ist.

CSS

 body { 
     background: url("/images/bg1.png") no-repeat fixed; 
} 

     #logo { 
     position: absolute; 
     top: 17%; 
     left: 15%; 
     height: 17%; 
     width: auto; 
     } 

HTML

<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
<img class="animated shake" id="arrow" src="images/next.png"> 

<div class="topnav" id="mytopbar"> 
    <a><button id="donate">Donate</button></a> 
    <a>Contact Us</a> 
    <a>Whats New</a> 
    <a>Shop</a> 
</div> 

<img id="logo" class="animated bounceInDown" src="/images/Logo.png"> 

Answer 1

Bitte aktualisierte Code unten finden:

body { 
    background: url("http://www.vlime.co.nz/images/buttons/backgroundimage.jpg") no-repeat fixed; 
} 

#logo { 
    position: absolute; 
    top: 17%; 
    left: 15%; 
    height: 17%; 
    width: auto; 
} 

https://jsfiddle.net/Cozmoz/9mkoqp77/