在Django中将数据库图像添加为css中的背景

时间:2014-03-03 10:14:05

标签: html css django

在Django中,我想从数据库中添加一个图像作为背景图像。

将其显示为图像,代码如下:

{% for image in  this_collection.collectionimage_set.all %}
    {% if forloop.first %}
        <img src='{{ MEDIA_URL }}{{ image }}'/>
    {% endif %}
{% endfor %}

我希望能够在每个集合中找到第一个图像并将其显示为背景,而不仅仅是图像。这可能吗?我如何在CSS中执行此操作?

2 个答案:

答案 0 :(得分:0)

<div style="background:url('{ this_collection.collectionimage_set.all.0.url }') 50% 50% no-repeat"></div>

答案 1 :(得分:0)

我已经将vadimchin的答案标记为正确,因为它主要在那里。有用的是:

style =“background:url('{{this_collection.collectionimage_set.all.0.image.url}}')50%50%不重复;”

注意: - 加倍{{}} - 最后的image.url