html - 背景 .png 未在 Chrome 和 Firefox 中显示

Question

我一定是在这里遗漏了一些非常明显的东西，但在网上找不到任何东西可以告诉我其他情况。

我正在尝试使用以下方法将 .png 拉入页面:

background:url(img/runner1.png) no-repeat;

我知道路径是正确的，因为对 jpg 做同样的事情:

background:url(img/header.jpg) no-repeat;

它似乎在 Safari 中有效，但在 Chrome 或 Firefox 中无效。

我是不是漏掉了什么？

---

编辑 -我正在使用:

#runner1{
background:url(img/runner1.png) no-repeat;
float: left;
border: 1px solid #FFF;
width: 195px;
height: 205px;
}

对于以下元素:

<div id="runner1"></div>

该页面只是从我的桌面本地运行(因此不涉及服务器)。

如前所述，路径不是问题，因为来自同一目录的 jpg 可以工作。

Firebug 说:

runner1.png 
GET
Success
image/png
index.html:201  
0B  
8ms

但我在 Firebug 中看不到预览或响应。

同样直接访问文件返回相同的结果。

Answer 1

解决了!

似乎使用 Photoshop 保存 PNG 会创建一个与 chrome 或 firefox 不兼容的 PNG。因此，我用 Fireworks 打开文件，重新保存，png 正在运行。