我必须在这里遗漏一些完全明显的东西，但在网上找不到任何东西告诉我。
我正在尝试使用以下内容将.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中看到预览或响应。
同样直接访问文件会返回相同的结果。
答案 0 :(得分：5)
解决！
似乎用Photoshop保存PNG会创建一个与chrome或firefox不兼容的PNG。因此，我使用Fireworks打开文件，重新保存并且png正在运行。
答案 1 :(得分：0)
我的猜测是你错过了/。尝试绝对网址路径。
答案 2 :(得分：0)
我从IrfanView保存的.png文件也遇到了同样的问题：在取消选中PNG保存选项中的“保存透明颜色”选项之前，它们不会显示为背景图像。因此，我猜应该保存没有透明颜色的PNG才能显示为背景图像。