在 MVC4 中使用捆绑时未加载 CSS 中的图像答案

【问题标题】：Images in CSS not loading while using Bundling in MVC4在 MVC4 中使用捆绑时未加载 CSS 中的图像
【发布时间】：2012-12-07 06:24:41
【问题描述】：

我是 MVC4 和捆绑概念的新手。对我来说，CSS 文件加载正常，但其中指定的图像未加载，并且显示 404 异常。

我的 CSS 文件夹结构是：~\Content\css\CustomCss\green.css

CSS 文件夹结构的图像：Content\css\Customcss\Images\green.png

但是在查看 Firebug 的网络面板时，它显示图像的路径为：/Content/css/CustomCSS/Content/css/Customcss/Images/Greenish.png

我不知道这个捆绑如何引用 CSS 中的图像。

BundleConfig.cs：

 bundles.Add(new StyleBundle("~/Content/css/CustomCss/css").Include("~/Content/css/CustomCss/Syncfusion-Grid-Greenish.css"));

布局.cshtml：

 @Styles.Render(" ~/Content/css/CustomCSS/css")

建议我任何想法。

谢谢。

【问题讨论】：

【解决方案1】：

经过一番小小的挣扎，终于得到了答案。

我只是将图片网址替换为“images/Greenish_sprite.png”而不是“Content/css/Customcss/images/Greenish_sprite.png”。

现在运行良好:)

【讨论】：