如何在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