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類