asp.net core 波形符斜杠 (~/) 无法解析图像路径

我的 Index.cshtml 视图中有一些标记，它具有内联 css 样式background-image财产。渲染页面时，不会生成正确的图像路径，并且波浪号保留在 url 中

HTML 标记：

上使用的路径img页面渲染时标签可以正常工作，但是页面中的路径background-image属性显示如下，但找不到图像

Rendered Markup:

<article class="card-item card-item-colored" style="background-image:url(~/build/images/11.jpg);">
                <img class="card-item-pic" src="/build/images/11.jpg" alt="">
                <div class="card-item-hover">
                    <a href="#" class="btn btn-inverse-colored">View Demo</a>
                </div>
                <header class="card-item-caption">
                    <h4>Login Page</h4>
                </header>
            </article>

波形符 (~) 的使用@Url.Content()以及 Razor 代码中的其他位置，将由 ASP.NET 进行转换以引用当前应用程序的根目录。

如果直接在字符串表达式中使用波形符，例如在background-image: url()它不被 ASP.NET 解释（解析），因此直接出现as is在输出的 HTML 或 CSS 中。这不起作用，因为 ~ 不是 HTML 或 CSS 的功能。