如何在css中设置数据库中的背景图像？

Question

如何在我的案例中设置数据库的背景？

obj = UserBackground.objects.get(user=request.user)
bg = obj.image
return render_to_response('template.html', {'bg':bg}....)

template.html：

<div class="wrapper wrapper--home" style="background: url("{{MEDIA_URL}}{{bg}}") no-repeat center top;">
</div>

的style.css：

.wrapper--home {
height: 439px;
margin: 0 auto !important;
}

Answer 1

您可以根据bg变量

在模板中添加新规则

{% if bg %}
<style>
    .wrapper--home { background:url('{{ MEDIA_URL }}{{ bg }}') no-repeat center top; }
</style>
{% endif %}

确保{{ bg }}是有效的图片路径，这是您的游戏杀手代码段！

如果由于某种原因您没有设置if变量，则{{ bg }}语句会很有用。这样，您就不会覆盖默认规则（您在css文件中定义的规则），如果不动态加载，则仍然具有背景。

您可以将该代码段放在页面的头部。您也可以在服务时使用所有其他css压缩它。