Question

如何在CSS中使用静态conf？

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

这不起作用。

我的静态conf：

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

Answer 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">

Answer 2

您的STATIC_URL应该是一个网址（即static.yourdomain.com/your_application/或类似网址），它看起来像是您文件系统上的路径，因此无法使用。

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

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

如何在CSS中使用静态conf？

2 个答案: