加载图像错误

时间:2012-10-20 20:38:23

标签: asp.net css

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

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

我正在通过css加载它:

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

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

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

位置是Img / icons.png 并为css提供Css / style.css

它在本地主机上

我无法弄清楚什么是错误的任何帮助 谢谢。

5 个答案:

答案 0 :(得分:3)

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

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

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

编辑:

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

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

这个:..表示当前位置之上的一个级别,然后查找/Img/icons.png

答案 1 :(得分:1)

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

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

或者

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

答案 2 :(得分:0)

看看是否有效:

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

答案 3 :(得分:0)

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

尝试

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

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

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

答案 4 :(得分:0)

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