图像未显示在服务器上的 MVC 项目中答案

【问题标题】：Image not displaying in MVC project on server图像未显示在服务器上的 MVC 项目中
【发布时间】：2014-03-02 10:29:30
【问题描述】：

我在 MVC 5 项目中使用 Bootstrap。

在引导 CSS 文件中，我在横幅上有一个图像作为背景。它没有显示在服务器上（在我的开发机器上显示正常）。

.navbar-brand {
float: left;
padding: 15px 15px;
font-size: 18px;
line-height: 20px;
background: url('../Content/Images/logo_combined_trans.gif') no-repeat left;display:block;
}

补充意见： 1）图像在我的开发机器上完美显示。然而，一旦我在服务器上发布文件，其他一切都正常，除了图像不显示。 2）我将相同的图像放在img标签中的视图主体中，它也正确显示。 3) 有趣的是，当我检查元素时，它看起来根本没有读取 CSS 的背景属性，其余属性（浮动、填充....行高显示正确）。

我尝试了以下方法： 1) 我授予 DefaultAppPool 对 Content 和 Images 目录的“读取”权限。还是不行。

服务器上还有什么需要设置的吗？

谢谢。

【问题讨论】：

删除 ..(url 中的 2 个点) mvc 默认从内容文件夹请求静态内容。
谢谢，但还是没有运气！我试过：1）背景：url（'/Content/Images/logo_combined_trans.gif'）左重复；显示：块； 2) 背景: url('~/Content/Images/logo_combined_trans.gif') no-repeat left;display:block; 3) 背景：url('Content/Images/logo_combined_trans.gif') no-repeat left;display:block;
并尝试过：4) 背景：url('myurl.com/Content/Images/logo_combined_trans.gif') no-repeat left;display:block;
我需要编辑 bootstrap.min.css 文件吗？我编辑了最小文件，它工作。我想如果要编辑 bootstrap.css，我应该根本不放 min 文件吗？
无论如何感谢你的帮助，尤金。

标签： asp.net-mvc twitter-bootstrap

【解决方案1】：

好的，我知道问题出在哪里。我有一个 bootstrap.min.css，它没有我对原始 bootstrap.css 所做的修改。在我从服务器中删除 min 文件后，一切正常。

另外，我尝试了几个版本的 URL，以上所有方法都有效，包括原始版本： 1) 背景：url('../Content/Images/logo_combined_trans.gif') no-repeat left;display:block; 2) 背景: url('~/Content/Images/logo_combined_trans.gif') no-repeat left;display:block; 3) 背景: url('Content/Images/logo_combined_trans.gif') no-repeat left;display:block;

【讨论】：