图像显示在 Visual Studio 开发服务器中，但不显示在 IIS7 中

Question

在将我的 MVC 5 项目发布到 IIS 7 时，我在让图像正常工作时遇到了一些问题。我有一个像下面这样的主体样式，它似乎通过显示白色背景而不是图像而失败（它完全跳过了灰色）

body {
background-color: grey;
background: transparent url("Images/Background.png") no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
height: 100%;
}

我打开了 chrome 开发工具并查看了图像的实际链接并手动添加了“/”然后将其删除，图像显示正常，但刷新失败。除了下面定义的 404 错误外，我在控制台中没有收到任何错误。

我也尝试了以下版本（其中一些比其他版本更明显的失败）

• Images/Background.png（无错误）
• /Images/Background.png（404错误）
• ~/Images/Background.png（404 错误）
• ~Images/Background.png（404 错误）

后 3 个抛出错误如下：

- http://10.96.90.65/Images/Background.png 404 (Not Found)
 - http://10.96.90.65/SITE/Content/~/Images/Background.png 404 (Not Found)
 - http://10.96.90.65/SITE/Content/~Images/Background.png 404 (Not Found)

我适用的虚拟文件结构看起来像

• /内容
• /内容/图片/
• /内容/主题/
• /Content/*.css
• /图片/

我正在使用 Visual Studio 2012 和 IIS 7 编辑：图片在 Internet Explorer 中加载，但不是在 Chrome 中

Answer 1

您是否尝试过使用html base tag？

我之前遇到过一个问题，我无法访问 IIS 上的图像，但在本地运行时可以。我还认为有一个 IIS 设置可以更改，但当时对我来说这是不可能的，所以我从未研究过这个选项。

标题中的内容如下：

<base href="~/" />

否则，您能否告诉我们以下选项实际上试图在 IIS 服务器上查找的位置？

• Images/Background.png（无错误）
• /Images/Background.png（404错误）
• ~/Images/Background.png（404 错误）
• ~Images/Background.png（404 错误）