0

如何在 CSS 中使用静态配置？

body {
        background: url('static/img/body.png');
        padding-top: 20px;
        padding-bottom: 40px;
        font-family: Georgia,"Bitstream Charter",serif;
      }

这不起作用。

我的静态配置：

STATIC_ROOT = '/home/user/domains/domain/public_html/website/website/static/'
STATIC_URL = '/home/user/domains/domain/public_html/website/website/static/'
4

2 回答 2

1

CSS 文件中的路径是相对的，因此您根本不需要在 CSS 文件中设置静态。

例如：

您的样式表位于/home/user/domains/domain/public_html/website/website/static/stylesheet.css

假设您的文件结构是：

-- /static
-- -- stylesheet.css
-- -- -- /img
-- -- -- -- body.png

您可以简单地将您的身体定义为：

body {
        background: url('img/body.png');
        padding-top: 20px;
        padding-bottom: 40px;
        font-family: Georgia,"Bitstream Charter",serif;
      }

并通过以下方式在 HTML 中调用样式表：

<link rel="stylesheet" type="text/css" href="{{ STATIC_ROOT }}stylesheet.css">

于 2013-02-06T19:48:27.760 回答
0

你STATIC_URL应该是一个 url（即static.yourdomain.com/your_application/或类似的），它看起来像你的文件系统上的路径，所以它不会工作。

通常，您的 css 文件中的相对 url 应该可以正常工作。

不要忘记运行manage.py collectstatic：https ://docs.djangoproject.com/en/dev/ref/contrib/staticfiles/#collectstatic

于 2013-02-06T19:48:44.773 回答