django css URL фонового изображения не работает - PullRequest
Новая
       0

django css URL фонового изображения не работает

1 голос
/ 20 июня 2020

, поэтому у меня есть этот класс задачи заголовка, но по какой-то причине фоновое изображение не отображается, но когда я щелкаю URL-адрес в коде Visual Studio, он показывает мне изображение с URL-адреса. Кто-нибудь знает, в чем проблема с моим кодом? спасибо 

 .header-task{
  background-image: url("..\image\nightlandscape.jpg");
  background-repeat: no-repeat;
  background-size: 100% 200%;
  height: 120px;
  position: relative;
}

вот изображение моего кода Visual Studio, когда я нажимаю на изображение URL

my structure file

Ответы [ 2 ]

0 голосов
/ 20 июня 2020

У меня есть аналогичный вариант использования, я вызываю фоновое изображение в файле CSS, как показано ниже 

.class-name{
  background-image: url('../img/img.png');
}

И у меня есть структура папок, которая соответствует: 

Static
   Css
      file.css
   Img
      img.png

Это может быть структура папок, которую не удается разрешить.

0 голосов
/ 20 июня 2020

Я немного покопался, но лично у меня нет среды, чтобы проверить это. Так что вам может потребоваться проверить это самостоятельно.

Не могли бы вы попробовать следующее: 

 .header-task{
  background-image: url("static(image/nightlandscape.jpg"));
  background-repeat: no-repeat;
  background-size: 100% 200%;
  height: 120px;
  position: relative;
}

Если ваш STATIC_URL - '/ static /' (я считаю, что это в settings.py ), это будет отображаться как: 

 .header-task{
  background-image: url("/static/image/nightlandscape.jpg");
  background-repeat: no-repeat;
  background-size: 100% 200%;
  height: 120px;
  position: relative;
}

Другая возможность: 

 .header-task{
  background-image: url('{% static 'nightlandscape.jpg' %}') or url('{% static "/img/nightlandscape.jpg" %}')
  background-repeat: no-repeat;
  background-size: 100% 200%;
  height: 120px;
  position: relative;
}

, но для этого, я думаю, вам нужно сначала загрузить файлы stati c: {% load static%} в ваш HTML, а затем загрузите таблицу стилей. 

<head>
    <style>
        {% include "path/to/my_styles.css" %}
    </style>
</head>

Возможно, просто заменив url("..\image\nightlandscape.jpg") на url("../image/nightlandscape.jpg")

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...