Не удается применить фоновое изображение в CSS (шаблон колбы)

Question

Я хочу применить фоновое изображение во внутреннем CSS.Я использую шаблон колбы.это мой каталог

src - templates - image - img.jpg
src- templates - upload.html

Я хочу применить фоновое изображение в upload.html.но я получил ошибку 404.может кто-нибудь помочь мне, пожалуйста?

мой код:

background-image: url("/image/img.jpg");

сообщение об ошибке:

get /image/img.jpg HTTP / 1.1 404

Answer 1

Может быть несколько проблем, таких как:

1. Неверный URL-адрес каталога: попробуйте указать весь URL-адрес - вместо "/image/img.jpg" попробуйте "/templates/image/img.jpg".

2. Имя каталога с ошибкой - проверьте его правильно.

3. Убедитесь, что указанное изображение имеет правильный формат (.jpg).

Answer 2

Стандартный способ сделать это (Flask), который вы увидите в примерах и руководствах, - поместить статические файлы в папку static в корне проекта.Предполагая, что ваш CSS также находится в static,

background-image: url('/static/img.jpg');

делает то, что вы хотите.Но если вы встраиваете стили в шаблоны, предпочтительнее будет

background-image: url({{ url_for('static', filename='img.jpg') }});

, хотя первый будет работать просто отлично.

Если все усложняется, и вы начинаете использовать чертежи, обратитесь к документации.

Answer 3

Я думаю, что вы даете неправильный путь, и поэтому вы получаете ошибку 404. Вы можете использовать следующий код.

background-image: url{"image/img.jpg"};