样式属性中的背景图像未加载

Question

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

<!-- 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 -->

Answer 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 %}

那么你需要在static中添加图片folder.Either在你的项目的static文件夹中添加或者在你的应用程序的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" %}');

样式属性中的背景图像未加载

Background image in style attribute not loading

html

python

django

pogo