Chrome浏览器和Firefox中未显示背景.png

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起作用。

萤火虫说：

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

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

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

Answer 1

解决了！

用Photoshop保存PNG似乎会创建与chrome或firefox不兼容的PNG。因此，我改为使用Fireworks打开文件，重新保存后png正常工作。

Answer 2

我猜你失踪了/。尝试绝对 url 路径。