Django：CSS 在静态文件中引用媒体（django dev / 1.3 / 静态文件）

Question

与 django 用户的任何其他用户一样，我提供静态文件。我选择使用 django-staticfiles 为 django 做好准备1.3 基本上会将其集成到核心中。

我的问题实际上非常简单 - 这非常适合将多个媒体源整合在一起并在 django 模板中以统一的方式引用它们。然而，我经常在 Css 中使用图像背景，如下所示：

#itemname { background-image: url('/path/to/image.png'); }

我的问题很简单 - 如果我使用绝对名称，我必须对它们进行硬编码。如果我使用相对名称，移动到“子目录”url 会弄乱这些项目的资源位置，并且无法加载它们。

那么，如何将这个解决方案扩展到 CSS 呢？上述解决方案必须避免：

• 在 html 中嵌入 css。我个人避免这种情况。
• 使用硬编码网址。这效果不太好，因为在我的本地设置中，我通常使用 'localhost/project' 和 apache 进行测试 (mod_wsgi)，而我倾向于使用 project.com 进行部署。

有想法吗？

Answer 1

你说相对路径有问题，但我不明白你的意思。

我遇到了同样的问题，我使用相对路径来解决它。唯一要记住的是，部署图像时需要（显然）保持与 CSS 文件相同的路径。

我的设置简而言之：

注意 我仍在 Django 1.2 中使用 django-staticfiles，但它对于 Django 1.3 的工作方式应该类似

STATIC_URL = "/site_media/static/"
STATIC_ROOT = os.path.join(PROJECT_ROOT, "site_media", "static")
STATICFILES_DIRS = (
    os.path.join(PROJECT_ROOT, "static_media"),
)

然后我从 提供 CSS {{ STATIC_URL }}css/style.css 引用 ../images/logo.png 处的图像。

我的项目如下所示：

project_dir
  ...
  stuff
  static_media
    ...
    css
    images

如果您有任何疑问，请告诉我，我会澄清。

Answer 2

好吧，

我不知道@John 的解决方案是否有问题，但它对我不起作用，然后我将此代码放在 CSS 上

{% load static %}
{% get_static_prefix as STATIC_PREFIX %}

，

<link rel="stylesheet" href="{{ STATIC_PREFIX }}css/main.css">

希望它有帮助！