如何在 css 文件中包含背景图片以供 django 使用？

Question

I'm trying to include a background picture into one of my css files which is then loaded into a html file using djangos compressor module. The project looks as follows:

djangoproject
|-myproject (with setup.py etc)
|-statics
  |-images
  |-css
|-templates
  |-index.html

In the index.html i used

{% load static %}
{% load compress %}

{% compress css %}
    <link rel="stylesheet" href="/static/css/style.css">
{% endcompress %}

and in this style.css, I would like to include a background picture from statics/images/bg.jpg . I tried to do this as follows:

background: url('../images/bg.jpg') 50% 0 repeat-y fixed;

but the picture wont appear. So does anyone know how to refere the url here? Because outside of django, this way works well.

Thanks for any advie and sorry for my bad english skills (just ask if you are not able to understand something because of bad word choice etc.)!

Thanks!

Answer 1

Assuming you have set STATIC_URL='/static/' in your settings and included directory containing images/ directory in STATICFILES_DIRS , you can write your css as follows:

background: url('/static/images/bg.jpg') 50% 0 repeat-y fixed;