Sassを通じてJSFスタイルシートリソースの背景イメージURLを設定する

Question

CSSとespacialy Sassで作業を始めました。私が最後の1時間にやったことは、私のscss.ファイルからソースフォルダの背景画像を設定することでした。

私は自分のディレクトリをaccesingのいくつかの方法をしようと試みました。しかし、一人も働いたわけではありません。 私のIDE（IntelliJ IDEA）は、常にディレクトリを解決できないことを伝えています。 私が試した：このトピックHow to refernce JSF imageで参照さ

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'); 

もよう：

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

は、私はあなたのいずれかが解決策を私に提供することができます願っています。

EDIT

は、この行は.scssファイルにエラーを与えない：

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

が、ディレクトリはもう解決できないので、それは.cssファイルに間違ってプリコンパイル。

EDIT

.scssまたは.cssのいずれかに問題があるとしてマークされませんコード：

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

しかし、それはまだ私の背景が白のまま動作しません。

Answer 1

解決策が見つかりました。

問題は、自分のJavaリソースフォルダにアクセスしようとしたことです。 しかし、私はwebappフォルダの子にアクセスしなければなりませんでした。 .WARはそのコンテキストから構築されているためです。これはこれが解決策であることを意味します。

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

私imagesフォルダには、私のwebappフォルダの子である一方で。