我有一个使用静态图像作为背景的网站。当我在本地运行该站点时,页面使用图像呈现(位于元素的 wwwroot/images/BrickWall.jpg 中),但是当我将站点发布到测试服务器时,图像随站点一起发送并位于正确的文件夹中在服务器上,但页面不呈现图像。
当我运行测试服务器的站点时,进入开发人员工具 (F12) 并将图像 url 从
url("/images/BrickWall.jpg");
到
url("/Dashboard/images/BrickWall.jpg")
图像有效。我还可以通过本地计算机上的浏览器直接导航到测试服务器上的图像 - 所以文件确实存在并且可以访问。
这是代码
我的 Razor 观点:
<body class="image-background">
<form method="post">
...
</form>
</body>
我的 CSS
.image-background {
background: url("/images/COTGBrickWall.jpg");
}
我如何以某种方式对此进行编码,以便相同的代码既可以引用我本地计算机上的图像路径,也可以引用它将转到的各种服务器上的正确目录?
编辑: 这是 Visual Studio 中的文件夹结构
最佳答案
将您的 css 修改为:
.image-background {
background: url("../images/BrickWall.jpg");
}
关于css - 站点根目录中的图像在本地呈现,但不在 IIS 服务器上呈现,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40179848/