css - 使用 STATIC_URL 的 Django CSS 背景图片

标签 css django sass django-storage django-statistics

我刚刚将我的存储后端更改为 Amazon S3,我意识到我的背景没有为我的网站加载。我查看并意识到在我的 CSS(实际上是 SASS)中我指定了背景 URL(static/mysite/images/background.gif)。

我想知道我应该如何解决这个问题。当然,我可以将它更改为我的新静态 URL,但这似乎是一种不好的做法。所以我尝试在我的 body HTML 中使用 {{ STATIC_URL }} 加载我的背景图片,但随后在 repeat: no 之前先呈现我的背景-repeat; 在我实际的 CSS 上呈现,导致背景在 CSS 加载时在整个屏幕上重复。无论如何,我不喜欢将我的样式混合到我的文档中。

那么在 Django 中为背景图片提供相对路径的最佳方式是什么?我应该将我的 CSS 设置为模板,并通过 View 指向它吗?这看起来也很乱。

或者我应该忘记让它与 static_url 无关,而只是在我的 CSS 中硬编码?

最佳答案

Django compressor!

它允许您直接在模板中呈现 CSS 片段,这些片段最终会合并到一个文件中,或者您甚至可以指定选项以启用使用 django 的模板引擎和上下文解析 CSS 文件: http://django_compressor.readthedocs.org/en/latest/settings/#django.conf.settings.COMPRESS_CSS_FILTERS

这太棒了,值得为之烦恼,因为您在管理 CSS 时无需考虑性能。

关于css - 使用 STATIC_URL 的 Django CSS 背景图片,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8966066/

相关文章:

django - 502 错误 django + nginx + gunicorn - connect() recv()

python - Django admin 上 list_display 项目的自定义值

python - Django + Rest 框架 + twilio : Getitng status call back sid

css - 交错无限CSS动画

html - CSS 选择器的意外行为

css - 如何分隔标签内的图标<md-list-item>?

html - 在一行中使用 flexbox,左对齐和右对齐元素

html - 以百分比填充到没有父高度的 div

html - CSS - 将渐变应用于倾斜的 body

css - 是否可以在 SASS 中为某种元素类型的父元素设置样式?