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

概述我必须在这里遗漏一些完全明显的东西,但在网上找不到任何东西告诉我. 我正在尝试使用以下命令将.png拉入页面： background:url(img/runner1.png) no-repeat; 我知道路径是正确的,因为对jpg做同样的工作： background:url(img/header.jpg) no-repeat; 它似乎适用于Safari,但不适用于Chrome或Firefox. 我 我必须在这里遗漏一些完全明显的东西,但在网上找不到任何东西告诉我.

我正在尝试使用以下命令将.png拉入页面：

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

我知道路径是正确的,因为对jpg做同样的工作：

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

它似乎适用于Safari,但不适用于@R_301_5567@或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 GETSuccessimage/pngindex.HTML:201  0B  8ms

但我无法在FireBUG中看到预览或响应.

同样访问文件也会返回相同的结果.

解决方法 解决了！

看起来用Photoshop保存PNG会创建一个与@R_301_5567@或firefox不兼容的PNG.所以相反,我用Fireworks打开文件,重新保存并且png正在运行.

总结

以上是内存溢出为你收集整理的html – 背景.png未在Chrome和Firefox中显示全部内容，希望文章能够帮你解决html – 背景.png未在Chrome和Firefox中显示所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。