PNG只會顯示在Chrome，但不是Safari或Firefox

這是非常奇怪的背景圖像和徽標不會顯示在Firefox或SafariPNG只會顯示在Chrome，但不是Safari或Firefox

下面是我的代碼我剪的HTML和CSS下來的唯一沒有顯示哪個是「logo」和背景的。

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">

來源

2017-06-28 Wesley Cenatus

難道是缺少'}'這裏'體{ background：url（「/ images/bg1.png」）no-repeat fixed;'<<<< – mplungjan

它可能是@mplungjan，它也可能是background：而不是background-image： – InvincibleM

缺少的括號是錯字我無意中刪除了原代碼 –

請在下面找到更新的代碼：

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/

來源

2017-06-28 20:39:08 Cozmoz

PNG只會顯示在Chrome，但不是Safari或Firefox

回答

相關問題