jquery - 使用捆绑配置时如何在 Razor 中正确渲染图像路径

Question

BundleConfig.cs 片段

    public static void RegisterBundles(BundleCollection bundles)
    {
        bundles.Add(new StyleBundle("~/bundles/css").Include(
                    "~/content/themes/base/jquery.ui.core.css",
                    "~/content/themes/base/jquery.ui.theme.css"
    }

_Layout.cshtml 代码段

@Styles.Render("~/bundles/css")

jquery.ui.theme.css 片段

    url(images/ui-bg_flat_75_ffffff_40x100.png)

Firebug 报告图像 (my_app_path) /bundles/images/ ui-bg_flat_75_ffffff_40x100.png` 404 未找到。

如何告诉 Razor 正确的路径实际上是 (my_app_path) /content/themes/base/images/ ui-bg_flat_75_ffffff_40x100.png`？

编辑: ELMAH 针对同一问题吐出此错误:

System.Web.HttpException: The controller for path ' / bundles / images / ui-bg_flat_75_ffffff_40x100.png' was not found or does not implement IController.

Answer 1

发生这种情况是因为您的 CSS 文件没有被重写以转换其相对路径。您可以通过更改以下内容来实现此目的:

bundles.Add(new StyleBundle("~/bundles/css").Include(
                "~/content/themes/base/jquery.ui.core.css",
                "~/content/themes/base/jquery.ui.theme.css",
                new CssRewriteUrlTransform()));