CSSで画像に.xhtmlを追加する必要があります

Question

私の画像を考慮するために.xhtmlをURLに追加する必要があります。そうでなければ、それは見付かりません。

EX、これが発見された：

background-image: url(flags/flags-32.png.xhtml); 

これが発見されていません。

background-image: url(flags/flags-32.png); 

は、私のファイルは、リソース/ CSS /旗の下にあります。

• 私は1つは、それが影響を与える可能性があるとして.png.xhtmlまたは.script.xhtmlなどの拡張子を持つべきではないことをどこかで読んだ：私も、間接的にこれに結び付けられている側の質問をした

  否定的なパフォーマンス。私はそれを読んだところのソースを見つけることができませんが、なぜそれが事実であるのかを知りたいのですが（キャッシュのせいかもしれません）。

Answer 1

.xhtmlがファイルの最後に追加されたときのURLは次のとおりです。

javax.faces.resource/... 

あなたが例えば直接.jsファイルにアクセスしたい場合は、URLであるのに対し：

resources/script/myscript.js 

リソース内にのを忘れないでください。

Answer 2

は、あなたの旗フォルダ

URL（ "＃{リソース[ '旗/旗-32.png']}"）の前にリソースを追加してみてください。

Answer 3

あなたはこのresources->images->imageName.gifのようなフォルダ構造場合は、この

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

のように試してみてください。