Django CMS 背景图片渲染答案

【问题标题】：Django CMS background image renderingDjango CMS 背景图片渲染
【发布时间】：2017-06-01 13:20:39
【问题描述】：

我正在尝试使用 Django-cms 为个人博客渲染背景图像。背景图片放在一个标题类中，前面有站点文本，如下代码所示：

<!-- Page Header -->
<!-- Set your background image for this header on the line below. -->

<header class="intro-header" style="background-image:url("/static/img/imghome-bg.jpg")">

    <div class="container">
        <div class="row">
            <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
                <div class="site-heading">
                    <h1>Hey !</h1>
                    <hr class="small">
                    <span class="subheading">Latest Blog !</span>
                </div>
            </div>
        </div>
    </div>
</header>

背景图片放在/static/ 目录旁边，我创建了一个名为/img/ 的子文件。

我尝试了不同的使用渲染static标签（如下所示）但图像仍然没有出现。

<header class="intro-header" style="background-image:url("{% static "/static/img/imghome-bg.jpg" %}")">

使用上述解决方案的当前结果，如您所见，没有背景图像，只有文本和白色工具栏。：

我试图获得的总体结果应该类似于：

有什么线索吗？

【问题讨论】：

你试过不带/的static/吗？
@petr 刚试过。还是一样。只是为了澄清/static/文件是默认文件，一旦你使用$ djangocms -p projectname从终端创建一个新的djangocms新项目。它是自动创建的。 imghome-bg.jpg的路径在以下目录/mydjangocmsprojectname/static/img中
*/mydjangocmsprojectname/static/img/
请求图片是否返回404？
@Paulo 没有图像请求。唯一的要求是上面显示我的问题的白色背景。

标签： django-templates django-cms

【解决方案1】：

使用static 模板标签时，您需要删除路径中的/static/ 部分。正确配置后，静态标签应添加正确的第一部分路径。

建议你试试

<header class="intro-header" style="background-image:url({% static 'img/imghome-bg.jpg' %})">

详情请参阅staticfiles app。配置的最相关部分（在您的项目的settings.py 中）是STATIC_URL（在您的情况下应该是/static/）和STATIC_ROOT（指向收集静态文件的目录）。

【讨论】：

【解决方案2】：

应该是这样的：

<header class="intro-header" style="background-image: url({% static 'img/imghome-bg.jpg' %})">

您的语法可能不正确。

【讨论】：

抱歉我的代码被删除了，它应该是 "background-image: url({% static 'img/imghome-bg.jpg' %})">