django 为什么有一个CSS样式没有被应用？背景图像给出404

taor4pac 于 2023-07-01 发布在 Go

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

我有Django-project，其中包括CSS和HTML文件，但其中一个CSS样式没有显示。
我开始我的HTML：

{% load static %}
<link rel="stylesheet" href="{% static 'images/custom.css' %}">

同样在settings.py中有一行：
STATIC_URL = "static/"
HTML：

<div class="container">
  <div class="contact-container">
    {% block content %}{% endblock %}
  </div>
</div>

CSS：

.container {
  background  : #0000;
  font-family : 'Istok Web', 'Nanum Myeongjo', 'Roboto', 'Roboto Mono', sans-serif;
}

.contact-container {
  background-image      : url('images/aaa.jpg');
  background-attachment : fixed;
  background-size       : cover;
}

但它不起作用。样式容器工作正常，但未显示联系人容器。

django

来源：https://stackoverflow.com/questions/76552650/why-is-one-of-the-css-styles-not-applied-background-image-gives-404

1条答案

按热度按时间

nnsrf1az1#

有几个原因可能会发生这种情况。
1.你的settings.py上有这个吗：**STATIC_URL = "static/"**我以前从没见过星号。这就是我通常在www.example.com中设置静态文件的方式settings.py:

INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
]

STATIC_URL = 'static/'

STATICFILES_DIRS = [
   os.path.join(BASE_DIR, "static"),
]

1.如何确认容器样式是否正常工作？Bootstrap有一个名为container的类，因此您可能需要提取这些样式
1.您是否将.css文件放在images/目录中？它真的在那里吗？我通常把我的放在static/css/main.css里
1.检查开发工具（右键单击-> inspect）。在底部的终端中，您可能会看到一些错误。另外，如果您在开发工具中，导航到网络选项卡并刷新，您应该能够看到样式表加载（或未加载）。这是一个很好的指示器，可以指示样式表是否正在加载。如果是这样，它可能会显示一些潜在的错误。下面你可以看到我的.css文件在网络选项卡中加载的位置：