Как включить файл в 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