asp.net核心波浪号斜杠（〜/）无法解析图像路径

Question

我的Index.cshtml视图中有一些标记，该标记具有该background-image属性的内联CSS样式 。呈现页面时，不会生成图像的正确路径，并且波浪号仍保留在url中

HTML标记：

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

渲染标记：

<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>

Answer 1

@Url.Content()Razor代码中和中的波浪号（〜）的使用将由ASP.NET转换为引用当前应用程序的根。

如果您在字符串表达式中直接使用波浪号，例如background-image: url()ASP.NET不会在字符串表达式中使用波浪号，而是直接将其显示在输出的HTML或CSS中。这是行不通的，因为〜不是HTML或CSS的功能。