Question

我有一个使用静态图片作为背景的网站。当我在本地运行站点时，页面呈现图像（位于项目的wwwroot / images / BrickWall.jpg中），但是当我将站点发布到测试服务器时，图像随站点一起发送并位于在服务器上的正确文件夹中，但页面不会呈现图像。

当我运行测试服务器的网站时，请输入开发人员工具（F12）并更改图像网址

url("/images/BrickWall.jpg");

到

url("/Dashboard/images/BrickWall.jpg")

图像有效。我还可以通过本地计算机上的浏览器直接导航到测试服务器上的图像 - 因此该文件肯定存在且可访问。

这是代码

我的剃刀观点：

<body class="image-background">
    <form method="post">
      ...
    </form>
 </body>

我的CSS

.image-background {
    background: url("/images/COTGBrickWall.jpg");
}

如何以一种方式对此进行编码，以便相同的代码将引用本地计算机上的映像路径，而且还指向将要访问的各种服务器上的正确目录？

编辑：这是Visual Studio中的文件夹结构

Answer 1

将您的CSS修改为：

.image-background {
    background: url("../images/BrickWall.jpg");
}