如何在 ASP.NET Core 中更改元素的背景图像 url答案

【问题标题】：How to change an element's background-image url in ASP.NET Core如何在 ASP.NET Core 中更改元素的背景图像 url
【发布时间】：2023-03-25 03:55:01
【问题描述】：

我正在使用 ASP.NET Core 2.2。我不知道如何更改元素的背景 url。

这是页面的HTML

 <div>
    <a class="img-holder" href="#"></a>
 </div>

这是 CSS 部分

.img-holder
{
  background-image: url('myimg.jpg');
}

我想更改 .img-holder 的背景图片并从我的数据库中检索 url。

我不想使用 img 标签。

【问题讨论】：

标签： c# asp.net asp.net-core

【解决方案1】：

确保图片路径正确。然后使用display属性显示图片并使用height和width定义图片大小。例如：

<div>
   <a class="img-holder" href="#"></a>
</div>

.img-holder {
        width: 500px;
        height: 500px;
        display: inline-block;
        background-image: url("myimg.jpg");

    }

【讨论】：

【解决方案2】：

如果您使用 Razor 语法和 MVC，则可以使用图像的 URL 填充您的视图模型或 ViewBag。然后您可以使用

在视图中填充图像

 <div>
    <a href="#" style="background-image: @Url.Content('image-url')"></a>
 </div>

顺便说一句，你的班级也缺少右双引号

【讨论】：