Html 为什么我的引导程序背景不显示？

我看不出为什么我的背景图像没有显示出来。我甚至尝试取消css样式，只是为了让图像在某个地方弹出。图像被识别出来，发现的很好，但我得到的只是一个白色背景

{% extends "base.html" %}

{% block page_content %}
<div class="view" style="background-image: url('17973908.jpg'); background-repeat:no-repeat; background-size:cover; background-position:center center;">
    <div class="container-fluid">
        <br>
        <div class="row">
            <div class="col-sm-10">
                <h1>Blog</h1>
            </div>
            <div class="col-sm-1">
                <a class="btn-floating btn-lg btn-fb" href="#" type="button" role="button"><i class="shadow rounded-circle fab fa-facebook fa-2x" style="color:#0099FF;"></i></a>
            </div>
            <div class="col-sm-1">
                <a class="btn-floating btn-lg btn-fb" href="#" type="button" role="button"><i class="shadow rounded fab fa-linkedin fa-2x" style="color:#0099FF;"></i></a>
            </div>
        </div>
        <hr>
    </div>
    <div class="container">
        {% for post in posts %}
        <div class="shadow card" style="margin-bottom: 10px;">
            <div class="card-header">
                <h2><a href="{% url 'blog_detail' post.pk%}">{{ post.title }}</a></h2>
            </div>
            <div class="card-body">
                <div class="card-title">
                    <small>
                        {{ post.created_on.date }} |&nbsp;
                        Categories:&nbsp;
                        {% for category in post.categories.all %}
                        <a href="{% url 'blog_category' category.name %}">
                            {{ category.name }}
                        </a>&nbsp;
                        {% endfor %}
                    </small>
                </div>
                <div class="card-text">
                    <p>{{ post.body | slice:":400" }}...</p>
                </div>
            </div>
        </div>
        {% endfor %}
    </div>
</div>

{% endblock %}

{%extends“base.html”%}
{%block page_content%}


博客

{posts%%中的post为%s}
{{post.created_on.date}}}
类别：
{post.categories.all%中的类别为%s}
{%endfor%}
{post.body | slice:：400}

{%endfor%}
{%endblock%}

基于您的问题，我无法重现您的设置，因此这里只是一些尝试查找问题的建议

确保正确加载映像-使用F12打开DevTools并检查控制台和网络选项卡是否存在错误

删除自定义CSS，即至少删除

视图

类

确保设置图像的div的宽度和高度大于0

确保图像分区顶部没有任何元素-尝试设置高

z-index

，例如

z-index:9999

删除周围的HTML元素，特别是image div中的元素

---

备注：我直接将您的代码复制到Bootstrap初学者模板中，并将

背景图像
url更改为来自internet的一些随机图像，结果成功了。
显然，这只是一个糟糕的图像。我只是换了一个不同的图像，它的工作。谢谢，有时候你只需要别人说你应该想到的话！当您尝试此操作时，图像是否已成功修复。我现在唯一的问题是其他一切都被忽略了<代码>已修复
，
无重复
，全部被忽略。。。有什么建议吗？是的，一切都正常。尝试删除自定义CSS并仅应用被忽略的样式。还要确保这不是CSS特性的问题-尝试添加
！重要信息
在CSS值的末尾。但如果这是问题所在，请尝试在不使用
的情况下解决它！重要信息
，请仅将此作为最后手段并用于测试。