Изменение фонового изображения с помощью тегов шаблонов Django

Question

Решено: я забыл экранировать кавычки.

Я пытаюсь изменить фоновое изображение div, используя теги Django, но у меня возникают проблемы:

 <div class="inner" style="background-image: url("{{ dogs.0.id }}.jpg");">

Тег, который отображает идентификатор собаки правильно, потому что я использую его в другом месте, и он отображает правильную информацию.Правильно ли я использую стиль?

Редактировать: По какой-то причине он удаляет все косые черты из моего URL.Так https://www.something.com/dog.jpg становится https: www.something.com dog.jpg

Answer 1

Редактировать: по какой-то причине он удаляет все косые черты из моего URL. Так https://www.something.com/dog.jpg становится https: www.something.com dog.jpg

вы можете использовать «безопасный» фильтр, чтобы избежать этого, если ваш dogs.0.id равен https://www.something.com/dog

код вроде этого:

<div class="inner" style="background-image: url("{{ dog.0.id | safe }}.jpg");">

Answer 2

Попробуйте следующее, чтобы отобразить фоновое изображение в вашем шаблоне в стиле, который вы должны использовать следующий код для inline-css.

<div class="inner" style="background-image: url({% static "image-path/background.jpg" %}");>

Answer 3

Да, но вне графика изображение должно существовать в текущем пути, по которому вы находитесь, поскольку вы используете относительные URL.Плюс вам нужно установить ширину и высоту для.Используйте Firebug или Chrome инспектор, чтобы увидеть, работает ли он, и отточите свои знания HTML / CSS;)