html - 无法加载资源 : the server responded with a status of 404 (Not Found) error in server

Question

我试图在我的图像文件夹中加载图像，但它不工作。

调试时，我看到这个错误:

Failed to load resource: the server responded with a status of 404 (Not Found)     

我的图像编码在 .css 文件中，即，

background: url("../Images/bgbody.png") no-repeat;    

我在这里做错了什么？

Answer 1

使用浏览器的网络检查器 (F12) 查看浏览器何时请求 bgbody.png 图像以及它使用的绝对路径以及服务器返回 404 响应的原因。

...假设 bgbody.png 确实存在 :)

您的 CSS 是在样式表文件中还是在 <style> 中？在页面中阻塞？如果它在样式表中，则相对路径必须相对于 CSS 样式表(而不是引用它的文档)。如果它在页面中，那么它必须相对于当前资源路径。如果您使用的是非基于文件系统的资源路径(即使用 URL 重写或 URL 路由)，那么这将导致问题，最好始终使用绝对路径。

按照您的相对路径，您似乎将图像与样式表分开存储。我认为这不是一个好主意 - 我支持将图像和其他资源(如字体)存储在与样式表本身相同的目录中，因为它简化了路径并且也是一种更合乎逻辑的文件系统安排。