django html 3.2.4 背景图像不起作用

📌 相关文章

📜 django html 3.2.4 背景图像不起作用 - Html (1)

📅 最后修改于: 2023-12-03 15:30:28.587000 🧑 作者: Mango

问题描述

最近在使用 Django 3.2.4 构建网站时，发现设置背景图像无效，网页背景没有任何变化。在尝试分析问题所在后，发现问题不在 CSS 文件中，因此推测可能是 Django 的配置问题。

解决方案

在网上搜索相关资料后，终于找到了解决方案。原来是在 Django 的设置中没有开启静态文件的处理，需要在 settings.py 文件中添加如下代码：

# settings.py
import os

BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))

# 添加如下代码：
STATIC_URL = '/static/'
STATICFILES_DIRS = [
    os.path.join(BASE_DIR, 'static')
]

注释中解释了代码的作用，简单来说，就是告诉 Django 从项目根目录的 static 文件夹中读取静态文件。

然后，在 HTML 文件中，需要添加如下代码：

<!-- index.html -->
{% load static %}

<!DOCTYPE html>
<html>
<head>
    <title>My Website</title>
    <style>
        body {
            background-image: url({% static 'img/bg.jpg' %});
        }
    </style>
</head>
<body>
    <!-- 页面内容 -->
</body>
</html>

其中，{% load static %} 语句用于加载 Django 的静态文件处理器，然后可以通过 {% static %} 标签访问静态文件，这样就可以正确地显示背景图像了。

总结

通过以上的解决方案，我们可以解决 Django HTML 3.2.4 背景图像无法显示的问题。在设置 Django 的静态文件处理时，务必要确定好文件路径和配置信息，保证代码的正确性。