加载图像错误答案

【问题标题】：loading an image error加载图像错误
【发布时间】：2012-10-11 03:25:08
【问题描述】：

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

“加载资源失败：服务器响应状态为 404（未找到）”

我正在通过 css 加载它：

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

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

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

位置是 Img/icons.png 对于 css，它的 Css/style.css

它在本地主机上

我不知道出了什么问题，任何帮助将不胜感激谢谢。

【问题讨论】：

可能是服务器配置问题，因为 .asp 扩展名未配置为加载图像。您可能需要查看配置文件。
你可能路径不对...
你有一个css文件夹吗？如果是这样url('../Img/icons.png'); 也！在 css url 中有一个斜线 /，但在您的 aspx 页面 src 中没有。

标签： asp.net css

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

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

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

编辑：

根据您指定的位置，应该是

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

this:..表示当前位置上一层，然后查找/Img/icons.png

【讨论】：

【解决方案3】：

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

试试

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

或

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

或

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

【讨论】：

【解决方案4】：

看看这是否有效：

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

【讨论】：

【解决方案5】：

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

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

或者

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

【讨论】：