Django CMS背景图象翻译

时间:2017-01-17 12:56:04

标签: django-templates django-cms

我尝试使用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" %}")">

使用上述解决方案的当前结果,您可以看到没有背景图像只有文本和工具栏为白色。 :

enter image description here

我试图获得的整体结果应与此类似:

enter image description here

有任何线索吗?

2 个答案:

答案 0 :(得分:2)

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

我建议你试试

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

有关详细信息,请参阅staticfiles app。配置中最相关的部分(在您的项目中settings.py)是STATIC_URL(在您的情况下应为/static/,似乎)和STATIC_ROOT(其中指出)到收集静态文件的目录。)

答案 1 :(得分:0)

应该是这样的:

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

您的语法可能不正确。