ASP.NET MVC 中 CSS 中的根目录答案

【问题标题】：Root directory in CSS in a ASP.NET MVCASP.NET MVC 中 CSS 中的根目录
【发布时间】：2012-08-20 06:50:36
【问题描述】：

我有一个使用 ASP.NET MVC 4.5，它使用了一些 css 文件。 css 引用了一些图像。

css文件位于此路径：

WebSiteRoot\Content\css\services\File.CSS

图片位于此路径：

\WebSiteRoot\Content\img\servicesbubble\image.png

css 有这个调用：

background:transparent url('../../img/servicesbubble/image.png') no-repeat 0px 0px;

当我在 localhost 中运行应用程序时，它可以工作。但是当我上传到主机（Appharbor）时它不起作用。为什么？引用应用根目录的最佳方式是什么？

在服务器中，http get 尝试到这个错误的 URL

WebSite.com/img/servicesbubble/desktop.png

更新：我正在使用称为捆绑的 .NET 框架 4.5 功能将这些 CSS 与另一个 CSS 合并。

【问题讨论】：

能否分享您的 AppHarbor 托管网站的 URL，以便我们查看？
如果路径在环境之间没有变化，来自 css 文件的文件引用应该不是问题。
当然是@Michal 这是网址tulpepwebsite.apphb.com/Services 检查对tulpepwebsite.apphb.com/img/servicesbubble/desktop.png 和tulpepwebsite.apphb.com/img/servicesbubble/uc.png 的错误调用
在css 中尝试url('/content/img/servicesbubble/image.png')。开头的 / 表示根文件夹。

【解决方案1】：

编辑：好的，我猜一猜。您可能正在使用new ASP.NET 4.5 bundling feature。但是如果你这样做的话，将 CSS 苍蝇捆绑在不同的目录中是没有意义的。

【讨论】：

【解决方案2】：

您的 CSS 位置与您想象的不同：

WebSiteRoot\Content\css\File.CSS

而不是

WebSiteRoot\Content\css\services\File.CSS

【讨论】：

【解决方案3】：

您的问题实际上来自于您将 css 缩小到与最初存在的 CSS 不同的目录。

更具体地说：http://tulpepwebsite.apphb.com/Content/css/servicescss?v=sdm08D5sRu2I00dA0phyVTYZ_QU8Nfp27wHtmmE0Gzk1

CSS 文件中的 URL 总是相对于 CSS 文件本身的位置。

【讨论】：