从外部css加载背景图像时出错(django)

iyr7buue 于 2022-12-20 发布在 Go

关注(0)|答案(2)|浏览(147)

我在Django上通过外部CSS加载图像时遇到了麻烦。使用内联CSS可以很好地工作，但我想知道为什么使用外部CSS就不行。任何帮助都将不胜感激：
我的树：

├───migrations
│   └───__pycache__
├───static
│   └───website
│       ├───css
│       ├───img
│       └───js
├───templates
│   └───website
└───__pycache__

CSS：

.body {
  background: url('/static/website/img/Racoon.jpg');
}

超文本：

{% load static %}
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="{% static 'website/css/main.css' %}">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Russo+One&display=swap" rel="stylesheet">
{% block title %}
<title> Home </title>
{% endblock %}
{% block content %}
<h1> Home </h1>
<p> Homepage of the website </p>
{% endblock %}

settings.py:

STATIC_URL = '/static/'

P.S我正在使用localhost和图像确实通过URL加载：http://127.0.0.1:8000/static/website/img/Racoon.jpg

css

来源：https://stackoverflow.com/questions/65325187/problem-loading-background-image-from-external-css-django

2条答案

按热度按时间

5m1hhzi41#

替换：

.body {
  background: url('/static/website/img/Racoon.jpg');
}

与

.body {
  background: url('../img/Racoon.jpg');
}

../意味着父目录.你首先回到你的static/website文件夹，并去img文件夹，并找到你的图像.

如果它仍然不工作，请清除浏览器历史记录，然后重试。

赞(0）回复(0）举报 2022-12-20

dauxcl2d2#

只需键入命令python manage.py collectstatic这与我在正确使用上述内容后相同

赞(0）回复(0）举报 2022-12-20

我来回答

从外部css加载背景图像时出错(django)

2条答案

相关问题

热门标签

最新问答