PNG 仅显示在 chrome 上，但不显示在 safari 或 firefox 上答案

【问题标题】：PNG only shows up on chrome but not safari or firefoxPNG 仅显示在 chrome 上，但不显示在 safari 或 firefox 上
【发布时间】：2017-06-29 04:42:32
【问题描述】：

背景图片很奇怪，并且徽标不会在 Firefox 或 Safari 上显示

下面是我的代码，我将 HTMl 和 CSS 缩减为唯一没有显示“徽标”和背景的代码。

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

【问题讨论】：

会不会是这里缺少} body { background: url("/images/bg1.png") no-repeat fixed;
可能是@mplungjan，也可能是背景：而不是背景图像：
缺少的括号是我在原始代码中意外删除的错字
@WesleyCenatus 你能通过给我们图片文件来更新你的代码吗？请将它们上传到 imgur.com 并将其放入代码中。

标签： html css google-chrome firefox safari

【解决方案1】：

请在下面找到更新的代码：

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/

【讨论】：