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

Question

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

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

这不行。

我的静态的conf：

你的CSS文件里

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文件中设置静态的。

例如：

样式表位于/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应该是一个URL（即static.yourdomain.com/your_application/或类似的），看起来像文件系统上的路径，所以它不会工作。

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

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