Answer 1

简单的解决方案：

如果您使用的是JavaServer Faces 2.0，则可以将所有资源放在专门设计的目录中。因此，您需要在Web应用程序中使用此文件夹结构：

-rootdir
--resources
---images
----disk.png

要在css背景中接收图像，您应该键入以下内容：

.disk {
background: url(#{resource['images/disk.png']}) !important;
}

Answer 2

Answer 3

我暂时遇到了同样的问题，我认为有关它的文档还不清楚！ 它以这种方式用于Primefaces commandButton和类似的（menuItem，子菜单等）：

我做的是：

• 从PrimeFaces网站的主题库下载主题（例如：aristo或redmond）。
• 将存档解压缩到您的网络应用资源文件夹，（在我的情况下： root / resources / css / aristo
• 请注意，在aristo文件夹中，您有： theme.css 和/ images文件夹，其中索引的png图像包含主题使用的所有图标。
• 如果您打开theme.css，您会注意到要访问索引图像图标，您应该调用两个类： .ui-icon 和 .ui-icon-theiconyouwant （.ui-icon使用#{resource['primefaces.......png']}检索索引png，.ui-icon-agivenicon通过png图像中的X＆amp; Y位置（索引）分隔图标。
• 现在使用**<h:outputStyleSheet />**.将theme.css输出到您的应用程序中。最好的方法是在模板的标记之间。
• 所以在你的xhtml或jsp中，做**<p:commandButton image="ui-icon ui-icon-someicon"} />**.

• 现在，如果您要添加个人图片以用于<p:commandButton，请在theme.css中创建课程：

  .smiley {     background-image：url（“＃{resource ['images / smiley.png']}”）！important; / 如果不兼容，Internet Explorer将忽略此 /     宽度：16px;     身高：16px;     }

  通常，JSF会访问资源文件夹中可用的第一个图像文件夹。

• 现在执行：<p:commandButton image="smiley" value="Smile" />