мои изображения в статической папке не отображаются

я сохранил {% нагрузка staticfiles%} на вершине моего документа HTML моего CSS и JS файлы правильно работаютмои изображения в статической папке не отображаются

{% load staticfiles %} 
<html> 
<head> 
<meta charset="utf-80"> 
<title>[email protected]</title> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"> </script> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script> 
    <script type="text/javascript" src="{% static "js/nirmaan.js" %}"> </script> 
    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> 
    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css"> 
    <link rel="stylesheet" type="text/css" href="{% static "css/nirmaan-css.css" %}"> 

</head> 
<body> 
    <div class="three"></div> 
</body> 
</html>

мой Css

{% load staticfiles %} 
.three { 
background-image: url("{% static "ignite-cover.jpg" %}"); 
background-size:cover; 
height:100px; 
}

где основное мое приложение, которое я создал изображение в главном/статическом/ignite-cover.jpg

это изображение не отображается помощь

источник

2015-06-17 user3537931

try '' 'background-image: url (" {% static 'ignite-cover.jpg'%} ");' '' – HassenPy

О, я думал, что ваш стиль .three {} был в вашем .html-шаблоне, Я считаю, что вы не можете использовать static в своих .css-файлах – HassenPy

nope not working – user3537931

Обратите внимание на двойные кавычки, они нарушая ваш параметр URL(), используйте одинарные кавычки вместо:

background-image: url("{% static 'ignite-cover.jpg' %}");

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

В вашем случае вы должны быть хорошо, используя относительные пути вместо ссыпая файл .html с ненужными стилями (bad for caching):

background-image: url("your/static/directory/ignite-cover.jpg");

Надеется, что это помогает!

источник

2015-06-17 22:57:31 HassenPy

мои изображения в статической папке не отображаются

ответ

Смежные вопросы