CSS 自定义 属性 Url 在 Asp .Net 中不起作用

Question

我正在尝试在 mvc 项目中设置一些卡片的样式，并且我的 css“--bg-img”文件中有一个自定义 属性（变量），如图所示：

 background-image: linear-gradient(rgba(0, 0, 0, var(--bg-filter-opacity)), rgba(0, 0, 0, var(--bg-filter-opacity))), var(--bg-img);

在 cshtml 文件中，我的代码如下所示：

<a class="card-posting-link posting-links" asp-action="details" asp-route-id="@item.Id" style="--bg-img: url('../../wwwroot/Uploads/@item.ImagePath')">

在 vs code 中一切正常，示例：

<a class="card-posting-link posting-links" href="/#/" style="--bg-img: url(/Assets/image.jpeg)">

我试过了：

~/上传

~/wwwroot/Uploads

还有许多其他获取图像的方法，但都没有用。

Answer 1

解决方案是在 [=19th=] 之前添加 c# Url.Content 添加 css url 像这样：

href="@Url.Content("~/wwwroot/Uploads/@item.ImagePath")" />

您可以查看以下内容link：