样式属性中的背景图像未加载[关闭]答案

【问题标题】：Background image in style attribute not loading [closed]样式属性中的背景图像未加载[关闭]
【发布时间】：2021-01-31 10:52:07
【问题描述】：

我从免费网站模板下载的以下代码似乎存在一些问题。而不是显示我的照片，只有白色背景上的白色文字。如果我用鼠标标记它，我只能看到文本。代码有问题吗？

<!-- Start Banner -->
<div class="ulockd-home-slider">
    <div class="container-fluid">
        <div class="row">
            <div class="pogoSlider" id="js-main-slider">
                <div class="pogoSlider-slide" style="background-image:url(images/sladd_ur.jpg);">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="slide_text white_fonts">
                                    <h3>Progress & Success<br><strong>Currency</strong></h3>
                                    <br>
                                    <a class="start_exchange_bt" href="exchange.html">Start Exchange ></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="pogoSlider-slide" style="background-image:url(images/sladd_i.jpg);">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="slide_text white_fonts">
                                    <h3>Progress & Success<br><strong>Currency</strong></h3>
                                    <br>
                                    <a class="start_exchange_bt" href="exchange.html">Start Exchange ></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- .pogoSlider -->
        </div>
    </div>
</div>
<!-- End Banner -->

【问题讨论】：

标签： python html django pogo

【解决方案1】：

我不知道你是否配置了 settings.py 和 urls.py 来提供静态内容。首先，我建议您阅读有关serving static content的文档

要提供静态内容，请在 settings.py 中添加：

# Static files (CSS, JavaScript, Images)

STATIC_URL = '/static/'

如果应用程序处于调试模式，则添加此 urls.py

from django.conf import settings
from django.conf.urls.static import static

if settings.DEBUG:
    urlpatterns += static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)

确保您在模板中加载了静态标签，即

{% load static %}

然后你需要在静态文件夹中添加图片。要么添加到项目的静态文件夹中，要么添加到应用程序的静态文件夹中。

如果图像在项目的静态文件夹中，即myproject/static/images，则将样式属性替换为：

style='background-image:url({% static "images/sladd_ur.jpg" %}');

如果图像在应用程序的静态文件夹中，即myproject/myapp/static/myapp/images，则将样式属性替换为：

style='background-image:url({% static "myapp/images/sladd_ur.jpg" %}');

【讨论】：

谢谢，我错过了链接（{% static ...