2016-04-22 61 views
0

我想在Django提供的一個網頁中使用背景圖片。理想情況下,我使用css文件並使用css background-image屬性,但是當我將它放入我的css文件中時,它不會呈現,但是如果將代碼放入HTML文檔(內部樣式表)中,它將呈現。所以,總結一下。完全相同的代碼,在這裏:可能帶有靜態文件和模板的Django錯誤

<style> 
    body { 
     background-image: url("{% static 'Kitchen.jpg' %}"); 
background-repeat: no-repeat; background-attachment: fixed; 
    } 
    </style> 

上面的代碼工作在HTML文檔而不是在CSS(減去HTML「風格」標籤)。而且,同一個css文件中的其他代碼工作得很好。由於某些原因,background-image屬性將不會在css文件中執行。

除非有人有另一個想法,似乎這是一個Django軟件錯誤。

回答

0

當您嘗試導入html頁面時,您是否在css文件中使用了background-image: url("{% static 'Kitchen.jpg' %}");?如果是這樣,你應該改變它background-image: url("<path to file>\kitchen.jpg");

+0

嗨盧克,我也嘗試過你的建議是什麼,都無濟於事後。從技術上講,這個:url(「{%static'Kitchen.jpg'%}」);應該管用。靜態文件系統中的某些東西是不正常的,它似乎導致它不起作用。 –

0

這是爲我工作。

您忘了寫

{%負載staticfiles%}

HTML標籤

<html> 
{% load staticfiles %} 
<style> 
    .gd{ 
     background: url("{% static 'images/avatar.jpg' %}"); 
    } 
</style> 
<body> 
<p class="gd"></p> 
</body> 
</html> 
+0

我的html文檔裏有{%load staticfiles%}。如上所述,這正如我在原始文章中所說的那樣。不起作用的是樣式表(請參閱原文)。 –

相關問題