我尝试使用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" %}")">
使用上述解决方案的当前结果,您可以看到没有背景图像只有文本和工具栏为白色。 :
我试图获得的整体结果应与此类似:
有任何线索吗?
答案 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' %})">
您的语法可能不正确。