通過Sass在JSF樣式表資源中設置背景圖片URL

Question

我剛開始使用CSS和espacialy Sass。我在最後一小時嘗試做的是從我的scss.文件的源文件夾中設置背景圖像。

我tryed accesing我目錄的幾種方法。但沒有一個人工作。 我的IDE（IntelliJ IDEA）總是告訴我它無法解析目錄。 我想：

background-image:url('${resource(dir: "images", file: "bg.png")}'); 
background-image:url(../images/bg.png); 
background-image:url('../images/bg.png'); 
background-image:url(../images:bg.png); 
background-image:url('../images:bg.png'); 

同時也可作爲refered這個話題How to refernce JSF image在：

background-image: url("#{resource['images/bg.png']}"); 

我希望你可以爲我提供了一個解決方案。

編輯

此行沒有給出錯誤的.scss文件：

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

但預編譯錯誤在.css文件，因爲該目錄不能再解決。

編輯

不會得到被標記爲在任一.scss或.css問題是代碼：

background-image:url("../../../src/resources/images/bg.png"); 

但它仍然不工作我的背景仍然是白色的。

Answer 1

我找到了解決方案。

問題是，我試圖訪問我的Java資源文件夾。 但我必須訪問webapp文件夾的一個孩子。由於.WAR是從這種情況下構建的。這意味着這是解決方案。

background-image:url("./images/bg.gif"); 

，而我images文件夾是我的webapp文件夾的子。