Question

我在MVC 5项目中使用Bootstrap。

在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标签中将相同的图像放在View的主体中，它也正确显示。 3）有趣的是，当我检查元素时，看起来CSS的背景属性根本没有被读取，其余属性（float，padding .... line-height显示正确）。

我尝试了以下内容： 1）我给DefaultAppPool“读取”访问内容和图像目录。仍然没有。

是否还需要在服务器上设置其他内容？

感谢。

Answer 1

好的，我知道问题是什么。我有一个bootstrap.min.css，它没有我对orignal bootstrap.css所做的修改。从服务器上删除min文件后，一切正常。

此外，我尝试了几个版本的URL，所有上述工作包括原始版本： 1）background：url（'../ Content / Images / logo_combined_trans.gif'）no-repeat left; display：block; 2）background：url（'〜/ Content / Images / logo_combined_trans.gif'）no-repeat left; display：block; 3）background：url（'Content / Images / logo_combined_trans.gif'）no-repeat left; display：block;

图像不在服务器上的MVC项目中显示

1 个答案: