如何使用 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;
}