2013-04-05 82 views
0

我正在使用Django Compress能夠直接使用較少的文件,而不必將它們轉換爲css文件,其中工作正常除了背景圖像哪些路徑沒有得到由於某種原因正確翻譯。背景圖像路徑將無法正確呈現

越少的文件被鏈接到base.html文件是這樣的:

<link rel="stylesheet/less" type="text/css" media="all" href="{{ STATIC_URL }}css/less/style.less" /> 

靜態/圖像和減檔的圖像生命靜態/ CSS /少。在我鏈接到他們這樣的更少的文件:

background-image:url(".../images/sprite.png"); 

......它應該工作正常,但根本不工作。當在渲染CSS背景圖片的路徑尋找的是:

"http://localhost:8000/static/css/less/.../images/sprite.png" 

什麼是錯的,我怎麼能解決這個問題?

注意:我已經嘗試過1,2和3點沒有任何運氣。

+3

如果使用../../images/a.png – 2013-04-05 08:07:06

+0

爲什麼你用什麼3個點?用2代替。那會工作嗎? – 2013-04-05 08:07:36

+0

我已經嘗試了1,2和3個點...無效:/ – holyredbeard 2013-04-05 08:11:39

回答

1

由於您的圖片文件夾的靜態你必須回去兩級目錄:

backgroun-image: url('../../images/sprite.png'); 
+0

作品像魅力,謝謝! – holyredbeard 2013-04-05 08:14:33

0

三個點而不是兩個。修復。

background-image:url("../images/sprite.png"); 
+0

嘗試了1,2和3個點...沒有任何效果。 :/ – holyredbeard 2013-04-05 08:12:04

+1

好吧,我認爲圖像路徑是錯誤的。請嘗試「../../images/sprite.png」 – 2013-04-05 08:14:14

1

你的路徑看起來不right.Your CSS找不到路徑的路徑,你可以檢查路徑和測試它!

嘗試使用2

background-image:url("../images/sprite.png") no-repeat; 
background:1px solid red; 

看到有一些退出或不