HTML CSS 背景图像无法调用

Question

不知道为什么找不到解决方案

我希望我的桌面上的图像能够在网站的背景上启动，但不知何故它无法启动，检查属性并且一切正常。检查网络配置，显示错误 404。

Answer 1

404 错误表明为背景图像指定的文件路径与文件在服务器上的实际位置不匹配。

1. 文件路径问题：

   • 您将背景图像引用为：

   背景：hsl(0, 0%, 90%) url("../wwwroot/data/Random.jpg") no-repeat 0 10px 20px;

但是，在解决方案资源管理器中，文件 Random.jpg 位于 wwwroot/data/Random.jpg。你的路似乎偏离了。

2. 正确路径：

   • 在 ASP.NET Core 应用程序中，静态文件直接从 wwwroot 文件夹提供。

   • 路径wwwroot 是静态文件服务器的根目录。所以你不需要在 URL 中包含 wwwroot。 将背景图片路径更新为：

   背景：hsl(0, 0%, 90%) url("/data/Random.jpg") no-repeat 0 10px 20px;

3. 确保文件存在：

   • 验证 Random.jpg 是否位于 wwwroot/data 文件夹中。

   • 您可以通过导航至：

   直接在浏览器中访问它

   http:///data/Random.jpg

4. 静态文件中间件：

   • 确保在 Program.cs（或 Startup.cs）中添加 UseStaticFiles() 中间件以提供来自 wwwroot 的静态文件：

   app.UseStaticFiles();