MVC4捆绑错误的背景图片网址

Question

我有以下捆绑配置：

bundles.Add(new StyleBundle("~/styles/style1").Include("~/Content/library/styles/style1.css")

然后，我添加了以下代码以渲染捆绑的CSS：

@Styles.Render("~/styles/style1")

我的CSS具有以下内容：

.style1 {
  background-image: url("../img/image.png");
}

由于捆绑，背景图片的路径被错误地定向到〜/ Content / library / img / image.png而不是〜/ img / image.png。 我不想编辑CSS文件路径，因为许多其他页面正在使用它。 您是否知道解决方案，还是我在捆绑中缺少配置？

Answer 1

您将需要应用CssRewriteUrlTransform来解决此问题：

bundles.Add(new StyleBundle("~/styles/style1")
                .Include("~/Content/styles/style1", new CssRewriteUrlTransform())

另外，您也可以在样式表中使用绝对路径。

PS：如评论中所述，您必须通过Codeplex或NuGet将Web Optimization Package添加到项目中，才能使用CssRewriteUrlTransform类