Как изменить ссылку на фоновое изображение элемента в ASP.NET Core

Question

Я использую ASP.NET Core 2.2.Я не знаю, как изменить фоновую ссылку элемента.

Это HTML страницы

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

И это CSS part

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

Я хочу изменитьфоновое изображение .img-holder и получение URL из моей базы данных.

Я не хочу использовать тег img.

Answer 1

Если вы используете синтаксис Razor и MVC, вы можете заполнить свою модель представления или ViewBag URL-адресом изображения. Затем вы можете заполнить изображение в представлении, используя

 <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");

    }