如何在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 }}是一個有效的圖像路徑，這是您的遊戲殺手片段！

如果出於某種原因，您沒有設置{{ bg }}變量，那麼if語句會有幫助。有了這個，你不會覆蓋你的默認規則（你在css文件中定義的規則），如果你不動態加載它，它仍然會有一個背景。

您可以將代碼片段放在頁面頭部。您也可以在服務時使用所有其他CSS進行壓縮。