如何从CSS文件加载静态文件夹？使用URL()无效求助

首先你代码里的核心问题是URL函数语法错误，正确写法是url("路径")，另外还要根据CSS代码的存放位置调整实现方式：

1. 如果CSS写在Django模板的<style>标签内 #

先确保模板顶部已经加载static标签：{% load static %}，然后修正语法：

.input_card:checked+.check-box {
    /* 背景图+背景色的简写写法，用空格分隔 */
    background: url("{% static 'assets/img/check.png' %}") #458fff;
    /* 也可以分开写更清晰：
    background-image: url("{% static 'assets/img/check.png' %}");
    background-color: #458fff;
    */
}

2. 如果CSS写在单独的.css文件中（无法直接用模板标签） #

单独的CSS文件不会被Django解析模板语法，可通过以下两种方式处理：

方式一：使用相对路径 #

假设你的静态文件结构是：

static/
├── css/
│   └── 你的样式文件.css
└── assets/
    └── img/
        └── check.png

那么相对路径为../assets/img/check.png，代码：

.input_card:checked+.check-box {
    background: url("../assets/img/check.png") #458fff;
}

方式二：用CSS变量传递静态路径 #

在模板的<head>里定义CSS变量，再引入你的CSS文件：

{% load static %}
<style>
:root {
    --check-image-url: "{% static 'assets/img/check.png' %}";
}
</style>
<link rel="stylesheet" href="{% static 'css/你的样式文件.css' %}">

然后在单独的CSS文件中使用变量：

.input_card:checked+.check-box {
    background: url(var(--check-image-url)) #458fff;
}

额外检查项 #

• 确认settings.py里的STATIC_URL配置正确（比如STATIC_URL = '/static/'）
• 检查图片路径的拼写、大小写是否完全匹配（比如check.png不要写成Check.png）
• 确保图片确实存在于static/assets/img/目录下

内容的提问来源于stack exchange，提问作者Andy Dellacasa