無法使用指南針加載圖像

我目前正在用Django框架做網站。但是，我遇到了使用SASS加載圖像的問題。我的代碼是在這裏。（這是在SCSS代碼部分）無法使用指南針加載圖像

@import "compass/css3/images"; 
body { 
     #site-footer{ 

     @include background-image(url('/static/main/images/continue.png'), 
            linear-gradient(left, $left-color, $left- 
            color 49%, $right-color 51%, $right-color)); 


    } 
}

我用的是「backgorund圖像」指南針。
問題是圖像無法加載到網頁。我認爲可能需要將圖像路徑設置到某處。

來源

2013-04-24 PrimingRyan

您的代碼不正確編譯：

body #site-footer { 
    background-image: url("/static/main/images/continue.png"), -webkit-linear-gradient(left, #ff0000, #ff0000 49%, #0000ff 51%, #0000ff); 
    background-image: url("/static/main/images/continue.png"), -moz-linear-gradient(left, #ff0000, #ff0000 49%, #0000ff 51%, #0000ff); 
    background-image: url("/static/main/images/continue.png"), -o-linear-gradient(left, #ff0000, #ff0000 49%, #0000ff 51%, #0000ff); 
    background-image: url("/static/main/images/continue.png"), linear-gradient(to right, #ff0000, #ff0000 49%, #0000ff 51%, #0000ff); 
}

的問題可能是你提供不正確的路徑。

請手動檢查圖像是否可用：

http://example.com/static/main/images/continue.png

來源

2013-04-24 12:40:20

我想從我的驅動器加載圖像..這意味着像這樣 - d：/ mysite/static/main/images - 不是從http：// localhost/static /〜。我目前的情況從http://127.0.0.1:8000/static/main/images~加載。 – PrimingRyan 2013-05-08 09:31:48

問題是，您已經有一些Web服務器軟件在端口8000上爲您的項目提供服務。因此，您的問題不是CSS或SASS或Compass的問題。您必須瞭解您的Web服務器和應用程序的工作方式以及如何向他們提供靜態內容。請參考您使用的任何框架的文檔。 PS不要忘記接受答案。 – 2013-05-08 10:36:51

這可能是由於relative_assets被設置爲false config.rb。嘗試將其更改爲true。

來源

2013-04-24 13:28:00

在config.rb中是否正確？ => relative_assets = True – PrimingRyan 2013-05-08 09:24:38

是的。你只需要取消註釋該行。 – 2013-05-09 21:18:08

無法使用指南針加載圖像

回答

相關問題