Django提供在CSS文件中定義的靜態圖像

我正在運行django 1.5.1，我試圖提供一些在我的css中定義的靜態圖像。我沒有問題，在模板中定義的css本身和靜態圖像。在css中定義的樣式也正確地應用於我的模板。唯一不起作用的是在CSS中定義的圖像。Django提供在CSS文件中定義的靜態圖像

這是我的CSS文件的定義類，其包括靜態圖象的樣品：

.outer_banner 
{ 
    background:url(/images/banner2.png) bottom center no-repeat; 
    padding:300px 0; 
}

下面是使用在CSS中定義的類我的模板的一個例子：

{% load staticfiles %} 
<!DOCTYPE html> 
<html> 
    <head> 

     <link href="{% static 'css/style.css' %}" rel="stylesheet" type="text/css" /> 

     <!-- more header stuff here --> 
    </head> 

<body> 

    <section class="outer_banner"> 

     <!-- other stuff here --> 

    </section>  
</body> 
</html>

謝謝！

來源

2014-09-06 Belethia

那你問題與Django無關，這是件好事。這只是你的圖片路徑沒有被你的CSS文件正確地提供。

如果你有類似這樣的文件夾結構;

static 
    images 
     banner2.png 
    css 
     main.css 
    js

爲了讓你的CSS找到你的圖像假設是你需要回到一個文件夾，這樣的URL，你的CSS文件中的圖像看起來像這樣的文件夾結構;

.outer_banner 
{ 
    background:url(../images/banner2.png) bottom center no-repeat; 
    padding:300px 0; 
}

來源

2014-09-06 21:59:41

非常感謝！這解決了問題。 – Belethia 2014-09-07 08:40:07

Django提供在CSS文件中定義的靜態圖像

回答

相關問題