Django的可以加載從靜態文件的圖像，但不使用CSS

我不明白爲什麼我的靜態文件（CSS和圖像）在我的Django項目正確加載，它工作正常，當我從一個html標籤加載靜態文件，但當我想通過css背景設置一個背景圖片時：url（'images/mypic.png'）（我也嘗試過url（'../ images/mypic.png'）），它根本不起作用。Django的可以加載從靜態文件的圖像，但不使用CSS

的圖像在img標籤加載，但不是在我稱之爲CSS的div

{% load static staticfiles cms_tags menu_tags sekizai_tags %} 
 
<!doctype html> 
 
<html> 
 
    <head> 
 
     <title>{% block title %}This is my new project home page{% endblock title %}</title> 
 
     <meta name="viewport" content="width=device-width,initial-scale=1"> 
 
     <link rel="stylesheet" href="{% static 'css/styles.css' %}"/> 
 
     {% render_block "css" %} 
 
    </head> 
 
    <body> 
 
     {% cms_toolbar %} 
 
     <div class="container"> 
 
      <header> 
 
       <nav> 
 
        <div class="nav_logo"></div> 
 
        <ul class="nav"> 
 
        {% show_menu 0 100 100 100 %} 
 
        </ul> 
 
       </nav> 
 
      </header> 
 
      <main class="container"> 
 
       <img src="{% static 'images/logo_aasev.png' %}" alt="Photo de montagne" /> 
 
       <div style="background-image: url('{% static "images/logo_aasev.png" %}')"></div> 
 
       {% block content %}{% endblock content %} 
 
      </main> 
 
      <footer> 
 

 
      </footer> 
 
     </div> 
 
     {% render_block "js" %} 
 
    </body> 
 
</html>

和我的CSS：

* { 
 
    margin: 0; 
 
    padding: 0; 
 
} 
 

 
header { 
 
    width: 100%; 
 
    background-color: #000; 
 
} 
 

 
nav { 
 
    width: 90%; 
 
    margin: 0 auto; 
 
    padding: 10px 0px; 
 
} 
 

 
.nav { 
 
    padding-left: 0; 
 
} 
 

 
.nav li { 
 
    display: inline; 
 
    list-style-type: none; 
 
    padding-right: 20px; 
 
} 
 
.container { 
 
    width: 940px; 
 
    margin: 0 auto 
 
} 
 
.content { 
 
    float: left; 
 
    width: 80%; 
 
} 
 
.sidebar { 
 
    float: left; 
 
    width: 20%; 
 
} 
 

 
.nav_logo { 
 
    background: white url("../images/logo_aasev.png") no-repeat right bottom; 
 
}

而該項目的結構的myproject -mysite -static -CSS styles.css的 -images logo_aasev.png -templates base.html文件 初始化的.py settings.py urls.py wsgi.py manage.py etc ...

我在Django設置中錯過了什麼嗎？我覺得奇怪的是靜態文件被正確加載的事實。

來源

2017-05-04 onizukaek

在瀏覽器控制檯中有任何錯誤嗎？ –

[05 /月/ 2017年1點30分51秒] 「GET/FR/HTTP/1.1」 200 988 [05 /月/ 2017年1點30分51秒]「GET /static/css/styles.css HTTP/1.1 「200 514 [05 /月/ 2017年1時30分51秒] 」GET /static/images/logo_aasev.png HTTP/1.1「 304 0 這時候，我加載頁面會發生什麼，沒有什麼錯實際上 – onizukaek

我不認爲它是一個Django問題。你可能試着在你的css文件中的.nav_logo上設置height和width屬性，你也必須設置背景大小。

來源

2017-05-04 23:43:53 an0o0nym

該死這是一個CSS問題，你幾乎正確的設置寬度和高度是不夠的，你也必須設置背景大小。無論如何感謝提示 – onizukaek

Django的可以加載從靜態文件的圖像，但不使用CSS

回答

相關問題