我有一个奇怪的问题,我试图加载一个spirte图像,并得到以下错误:
“无法加载资源:服务器响应状态为404(未找到)”
我正在通过css加载它:
background-image: url('/Img/icons.png');
当我通过aspx页面加载它时,位置很好,因为它加载正常:
<img src="Img/icons.png" />
位置是Img / icons.png 并为css提供Css / style.css
它在本地主机上
我无法弄清楚什么是错误的任何帮助 谢谢。
答案 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似乎没有它,因为正确的分层路径。