python - django 1.11.3 css 背景图片不显示

Question

我试图在 django 1.11.3 中使用 css 显示我的背景图片，并且在运行服务器时在终端中收到一些 404 错误，图片无法加载。我的 css 文件确实加载并且可以更改我的 home.html 文件中的内容。

主页.html

{% extends 'layout.html' %}
{% load static %}
{% block content %}

<div class="container-fluid">
  <div class="row img-bg">
    <div class="col-sm-12">
      <a href='#'>My Button</a>
    </div>
  </div>
</div>

CSS -

.img-bg{
  background: url('../img/logo.png'); // 404 error
  background: url('../assets/img/logo.png'); // 404 error
  background: url("{% static 'img/logo.png' %}"); // 404 error
  background-size: 100% auto;
  height: 100px; 
  width: 100px;
}

设置.py

STATIC_URL = '/static/'
STATICFILES_DIRS = (
    os.path.join(BASE_DIR, 'assets'),
)

文件夹结构

website_src
  --assets
    --css
      --style.css
    --img
       --logo.png

Answer 1

更改您的 css 文件，因为您正在通过 /static/ 为 Assets 中的所有文件提供服务

.img-bg{
  background: url('/static/img/logo.png');
  background-size: 100% auto;
  height: 100px; 
  width: 100px;
}