Как включить файл в Django в качестве фонового покрытия

В общем, я новичок в Django и я экспериментировал с Django при создании своего сайта-портфолио. Я решил поэкспериментировать с Django, если я смогу использовать python, JS, Bootstrap, CSS и HTML одновременно, все шло хорошо, пока я не столкнулся с препятствием, которое было трудно преодолеть. Изначально в папке static у меня есть папка CSS, которая содержит файл CSS main.css и еще одна папка в папке Static под названием Images, которая содержит несколько изображений в формате Jpg.

Итак, после написания кода в базовой папке home.html, я перешел к папке main.css и написал:

  *{
    margin: 0;
    padding:0;
    box-sizing: border-box;
}
main {
    font-family: Heebo,sans-serif;
}

.Landing {
    min-height: 100vh;
    background:url("./images/Laptop.jpg");
    background-size: cover;

}

Итак, в чем заключается первоначальная проблема (где я обозначил #4), когда я разместил свой сервер, я ожидал, что изображение появится на заднем плане сайта, но этого не произошло. Я решил, что это проблема URL или вызова, поэтому вместо URL я попробовал:

<img  src="{% static 'images/Laptop.jpeg' %}" >

Но это в #4 не отобразилось на фоне страницы, и я сомневался, что оно отобразится, потому что это больше HTML, чем CSS. На данный момент у меня нет идей, и я хотел узнать, есть ли у кого-нибудь решение, которое может быть полезным.

Формат изображения отличается в обоих указанных вами случаях. Один заканчивается .jpg, а другой .jpeg.

Попробуйте указать полный путь к изображению Например, /static/images/Laptop.jpg

Вернуться на верх