Question

我不明白为什么我的静态文件（css和图像）在我的Django项目中正确加载，当我从html标签加载静态文件但是当我想设置背景图像时，它工作正常css background：url（＆＃39; images / mypic.png＆＃39;）（我也试过网址（＆＃39; ../ images / mypic.png＆＃39;））并且根本不工作

图像加载到img标签中，但不在我调用css

的div中

＆＃13;

{% 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>

＆＃13;

和我的css：

＆＃13;

* {
    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;
}

＆＃13;

项目结构是我的项目 -我的网站 -静态的 -CSS styles.css的 -图片 logo_aasev.png -templates base.html文件的初始化的.py settings.py urls.py wsgi.py manage.py 等...

我是否遗漏了Django设置中的内容？我觉得奇怪的是静态文件已正确加载。

Answer 1

我不认为这是一个Django问题。您可以尝试在css文件中的height上设置width和.nav_logo属性，并且还必须设置背景大小。

Django可以从静态文件加载图像但不使用css

1 个答案: