0

我有一个奇怪的问题,我试图加载一个精灵图像并得到以下错误:

“加载资源失败:服务器响应状态为 404(未找到)”

我正在通过CSS加载它:

background-image: url('/Img/icons.png');

该位置很好,因为当我通过 aspx 页面加载它时,它加载得很好:

<img src="Img/icons.png" />

位置是 Img/icons.png 和 css 它的 Css/style.css

它在本地主机上

我无法弄清楚出了什么问题,任何帮助将不胜感激谢谢。

4

5 回答 5

3

如果您的 css 文件与您的 Img 文件夹位于同一文件夹中,请尝试

background-image: url('Img/icons.png');

除此之外,您必须向我们展示您的文件结构以了解错误所在。99.99% 你只是用错误的 url 引用图像。

编辑:

根据您指定的位置,它应该是

background-image: url('../Img/icons.png');

this:..表示比当前位置高一级,然后查找/Img/icons.png

于 2012-10-20T20:41:50.150 回答
1

这里明显的区别是第一个斜线。看起来你的 CSS 应该是:

background-image: url('Img/icons.png');

或者,

background-image: url('./Img/icons.png');
于 2012-10-20T20:41:58.367 回答
0

看看这是否有效:

background-image: url('Img/icons.png');
于 2012-10-20T20:42:08.383 回答
0

取决于当前页面的相对路径

尝试

background-image: url('../Img/icons.png');

或者

background-image: url('../../Img/icons.png');

或者

background-image: url('Img/icons.png');
于 2012-10-20T20:44:10.587 回答
0

您能否还提供 CSS 文件和 .aspx 页面的文件夹结构?这将有助于我们缩小问题范围。从这里看来,您的 css 文件在访问图像时存在导航问题,而 aspx 似乎没有,因为分层路径正确。

于 2012-10-20T21:06:13.663 回答