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

回答

相关问题