首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Django Polls App:未加载背景图像

Django Polls App:未加载背景图像
EN

Stack Overflow用户
提问于 2020-12-22 11:02:57
回答 4查看 114关注 0票数 3

我正在学习Django,并建立了第一个测试投票应用程序,但遇到了背景图像的问题。绿色文本可以工作,但添加背景图像不起任何作用(背景仅为白色)。你知道为什么它不能正常工作吗?

背景图片C:\Users\xxx\Python\Django\mysite\polls\static\polls\images\sample123.jpg

样式CSS: C:\Users\xxx\Python\Django\mysite\polls\static\polls\style.css

代码语言:javascript
复制
li a {
    color: blue;
}

body {
        background: url('C:\Users\xxx\Python\Django\mysite\polls\static\polls\images\sample123.jpg');
        background-repeat: no-repeat;
         }

索引HTML: C:\Users\xxxx\Python\Django\mysite\polls\templates\polls

代码语言:javascript
复制
{% load static %}

<link rel="stylesheet" type="text/css" href="{% static 'polls/style.css' %}">

{% if latest_question_list %}
    <ul>
    {% for question in latest_question_list %}
        <li><a href="{% url 'polls:detail' question.id %}">{{ question.question_text }}</a></li>
    {% endfor %}
    </ul>
{% else %}
    <p>No polls are available.</p>
{% endif %}
EN

回答 4

Stack Overflow用户

发布于 2020-12-22 11:54:59

这应该能起到作用

代码语言:javascript
复制
body {
        background: url('/static/images/sample123.jpg');
        background-repeat: no-repeat;
         }
票数 0
EN

Stack Overflow用户

发布于 2020-12-22 17:48:09

您的背景图像没有渲染,因为对于背景图像,您提供的是相对路径。提供绝对路径或使用静态模板标记。

代码语言:javascript
复制
body {
    background: white url({%static 'polls\images\sample123.jpg'%}) no-repeat;
}
票数 0
EN

Stack Overflow用户

发布于 2020-12-29 07:42:32

尝试将此代码添加到polls/urls.py文件中

代码语言:javascript
复制
from django.contrib import admin
from django.urls import path, include
from django.conf import settings
from django.conf.urls.static import static


urlpatterns = [
    #....
]+static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT) #with out this, the images will not be displayed

在您的polls/settings.py文件中

代码语言:javascript
复制
STATIC_URL = '/static/'
MEDIA_URL = '/static/images/'

MEDIA_ROOT = os.path.join(BASE_DIR, 'static/images/')
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/65402732

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档