我可能错过了一些非常明显的东西,但是在网上找不到任何其他信息。
我正在尝试使用以下代码将 .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中看不到预览或响应。
直接访问文件也返回相同的结果。
background: transparent url(img/header.png) left top no-repeat;
- Ryan Kinal