Question

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

这是页面的 HTML

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

这是 CSS 部分

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

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

我不想使用img标签。

Answer 1

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

填充视图中的图像

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

顺便说一句，您还缺少班级的双引号

Answer 2

确保图像路径正确。然后使用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");

    }

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

2 个答案: