CSS URL-адрес изображения не отображается Pythonanywhere

Question

Я создал заголовок, в котором текст изменяется в соответствии с выводом в бэкэнде. Однако изображение, составляющее этот заголовок, не отображается.

Я поместил изображение в файл stati c, который составляет мое приложение, и добавил путь к изображению в коде CSS, а также в раздел stati c files на вкладке Web следующим образом:

CSS код:

.hero-image {
    background-image: linear-gradient(rgb(47, 50, 51), rgba(0, 0, 0, 0.5)), url("/images/Ax8yBTP.jpg");
    height: 25%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

Stati c files: / home / jejrhom1 / mysite / static / images

Знаете ли вы, откуда возникает ошибка?

Спасибо!

Answer 1

Согласно вашему пути правильный: url("/static/images/Ax8yBTP.jpg")

Попробуйте использовать относительный путь на основе вашего css расположения файла. Если ваш css путь похож на / home / jejrhom1 / mysite / static / css / style. css - то правильный путь к изображению будет

url("../images/Ax8yBTP.jpg");

../ эта часть означает, что мы go на один уровень назад, в папку static, где мы видим как css, так и images.