css - JSF タグを使用して画像を CSS ファイルに含める方法

Question

背景画像をJSFページに設定するこのcssファイルがあります：

body { padding: 35px; background: #4c4c4c url(images/grad1.png) 0 0 repeat-x; color: #fff; font: 11px/normal Arial, Helvetica; }

イメージを JSF リソースとして含めるために、このタグを使用したいと考えています。

<h:graphicImage library="images" name="grad1.png" />

イメージを JSF リソースとして css ファイルに含めるにはどうすればよいですか?

Answer 1

CSS ファイルが 経由で読み込まれる場合は、マッピング<h:outputStylesheet>を使用します。#{resource}

body {
    padding: 35px; 
    background: #4c4c4c url(#{resource['images/grad1.png']}) 0 0 repeat-x; color: #fff; 
    font: 11px/normal Arial, Helvetica;
}